@font-face {
	font-family: "playnance-font";
	src: url(../../static/fonts/44c2e93ad8ad8d8634dd.ttf) format("truetype");
	font-weight: normal;
	font-style: normal
}

* {
	margin: 0;
	-webkit-tap-highlight-color: transparent;
	/* display: block; */
	-webkit-user-select: none;
	user-select: none;
}

body {
	margin: 0 !important;
	-webkit-user-select: none;
	user-select: none;
	width: 100%;

}

@font-face {
	font-family: "Helvetica";
	src: url(../../static/fonts/06113bf748ae7dc33e05.ttf) format("truetype");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "Helvetica-bold";
	src: url(../../static/fonts/c376facff17e67e2f4d7.ttf) format("truetype");
	font-weight: bold;
	font-style: normal
}

@font-face {
	font-family: "Audiowide";
	src: url(../../static/fonts/909342598b3adb03b2e6.ttf) format("truetype");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "Barlow Semi Condensed";
	src: url(../../static/fonts/7cHqv4kjgoGqM7E30-8s51os.woff2) format("truetype");
	font-weight: normal;
	font-style: normal
}

page {
	font-family: "Barlow Semi Condensed";
	color: #fff;
	font-family: "Barlow Semi Condensed", sans-serif;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}

/* 公共区域 */
.commom_header {
	height: 186rpx !important;
}

.commom_header_share {
	height: 280rpx !important;
}

.commom_header_share1 {
	height: 200rpx !important;
}

.commom_header_share2 {
	height: 120rpx !important;
}

.font-46 {
	font-size: 46rpx !important;
}

.mab-40 {
	margin-bottom: 40rpx;
}

.bnone {
	border: none !important;
}

.amount-number {
	font-size: 36rpx !important;
	margin-top: 4rpx;
}

.mat-20 {
	margin-top: 20rpx !important;
}

/* end */
.wallet_loadings {
	background: #cfae36;
	width: 100%;
	height: 82rpx;
	border-radius: 8rpx;
	text-align: center;
	line-height: 82rpx;
	opacity: 0.5;
}

.main-flex .box.left .image-wrap {
	width: 430rpx;
	height: 260rpx;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	/* background-image: url(../../static/images/common/32ac62242e12be8c14b3.png); */
	margin: 60rpx auto 60rpx auto;
}

.entry-main-flex .caption::before {
	display: block;
	content: '';
	width: 260rpx;
	height: 8rpx;
	margin: 0em auto 4rpx auto;
	/* background-image: linear-gradient(to right, #8cd903 23%, #fb0401 83%); */
}

.gold_img {
	width: 160rpx;
	height: 160rpx;
	margin-right: 40rpx;
	margin-top: 8rpx;
}

.bonus_number {
	display: flex;
	justify-content: center;
	font-size: 80rpx;
	color: #f4d56f;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	/* background:linear-gradient(96deg, #d99e38, #fff585 15%, #ebbc53 24%, #edc964 54%, #e4b54f 72%, #dfa942 82%, #dda53e 84%, #e1ac43 87%, #eebf50 90%, #fbd35e 93%, #f9d15d 97%, #f4ca58 98%, #eabd50 99%, #dcab45 100%, #c99437 101%, #b47926 102%); */
	padding: 0rpx 26rpx;
	border-radius: 10rpx;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 40rpx;
}

.bonus_number_txt {
	line-height: 50rpx;
	font-size: 100rpx;

}

.bonus_number_name {
	font-family: Barlow Semi Condensed, sans-serif;
	font-size: 32rpx;
	font-weight: bold;

	margin-bottom: 20rpx;
}

.bonus_number_span {
	display: flex;

}

.bonus_number_icon {
	font-size: 32rpx;
	margin-top: 24rpx;
}

.icon-matic {}

.entry-main-flex .caption {
	font-weight: 800;
	line-height: 130rpx;
	font-size: 56rpx;
	text-align: center;
}

.entry-main-flex .big {
	line-height: 40rpx;
	margin: 5rpx 30rpx 0em 30rpx;
	font-size: 32rpx;
	text-align: center;
}

.entry-main-flex .small {
	line-height: 40rpx;
	margin: 30rpx 30rpx 80rpx 30rpx;
	font-size: 28rpx;
	text-align: center;
}

.chat_open {
	width: 70%;
	font-size: .91vw
}

.chat_open .chat_container {
	display: block
}

.chat_open .chat_container view {
	font-family: "SF UI Display", sans-serif;
	font-weight: 500
}

navigator {
	text-decoration: none
}

.hidden {
	display: none !important
}

.v-hidden {
	visibility: hidden !important
}

.default-web-view {
	display: block !important
}

.default-web-view-block {
	display: block !important
}

.mobile-view {
	display: none !important
}

.mobile-view-block {
	display: none !important
}

.default-web-view-flex {
	display: flex !important
}

.mobile-view-flex {
	display: none !important
}

.icon-matic:before {
	font-family: "playnance-font";
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "A"
}

.table_header.default-web-view,
.faq-active-category.default-web-view,
.faq_bottom_header.default-web-view {
	display: flex !important
}

.table_header.mobile-view {
	display: none !important
}

.loader_wrap {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 99999;
	background: rgba(0, 0, 0, .8);
	display: flex;
	align-items: center;
	justify-content: center
}

.loader_wrap image {
	width: 8.25em;
	height: 4.12em
}

.chat_container {
	display: none;
	position: fixed;
	right: 0;
	margin: .2em 0;
	width: 25%;
	height: 99%;
	border-radius: .64em;
	border: solid .1em rgba(244, 213, 111, .64);
	background-color: #0c0d13;
	top: 0;
	z-index: 1000;
	text-align: center;
	line-height: 1.5em;
	font-size: 1.1em;
	box-sizing: border-box
}

.chat_container .channels_title {
	font-size: .5em;
	line-height: .8em;
	opacity: .7
}

@keyframes fade_in {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes blink_in_out {
	0% {
		opacity: .5
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: .5
	}
}

@keyframes flip_in {
	0% {
		transform: scale(0.6, 0.2) rotateX(180deg)
	}

	100% {
		transform: scale(1, 1) rotateX(0deg)
	}
}

@keyframes blink_opac_in {
	0% {
		opacity: 0
	}

	25% {
		opacity: .5
	}

	50% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes super-flip {
	0% {
		transform: perspective(400px) rotateY(0);
		opacity: 0;
		animation-timing-function: ease-out
	}

	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out;
		opacity: .3
	}

	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in
	}

	80% {
		transform: perspective(400px) rotateY(360deg) scale(0.95);
		animation-timing-function: ease-in
	}

	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in
	}
}

.toggle_chat {
	width: 3.8em;
	height: 2.9em;
	margin-top: 1em;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center
}

.toggle_chat:hover {
	scale: 1.02;
	opacity: .9
}

.toggle_chat text {
	position: absolute;
	z-index: 3;
	text-shadow: 0 .1em .2em rgba(0, 0, 0, .5), 0 0 .1em rgba(0, 0, 0, .5), 0 0 .1em rgba(0, 0, 0, .5), 0 0 .1em rgba(0, 0, 0, .5);
	font-family: "Barlow Semi Condensed", sans-serif;
	font-size: 1.2em;
	font-weight: 700;
	margin-top: -0.5em;
	font-stretch: semi-condensed;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.23px;
	text-align: center;
	color: #fff
}

.toggle_chat image {
	width: 4.5em;
	height: 3.1em
}

.page .page_header {
	position: relative;
	width: 100%;
	height: 220rpx;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	/* z-index: 10000; */
}

.page .page_header::before {
	content: " ";
	display: block;
	position: absolute;
	background: rgba(0, 0, 0, 0) url(../../static/images/common/74b0290a9b2c7de5df39.jpg) center no-repeat;
	background-size: 100% 100%;
	top: 0;
	bottom: -40rpx;
	left: 0;
	right: 0
}

.page .page_header>* {
	position: relative;
	z-index: 1
}

.page .page_header .back_btn {
	display: block;
	width: 60rpx;
	height: 48rpx;
	background: rgba(244, 213, 111, 0) url(../../static/images/common/b66a48beeb82573a1ac7.svg) center no-repeat;
	background-size: 80% 70%;
	transition: all .2s;
	border-radius: 24rpx;
	margin-top: 20rpx;
	margin-left: 20rpx;
	position: relative;
	z-index: 999
}

.page .page_header .back_btn:hover {
	background-color: rgba(244, 213, 111, .4)
}

.page .page_header .header_center {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 998;
}

.page .page_header .header_center .user-balance-wrap {
	position: absolute;
	display: flex;
	flex-direction: column;
	top: 8rpx;
	left: 50%;
	transform: translateX(-50%)
}

.page .page_header .header_center .user-balance-wrap .balance-title {
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: "Source Sans Pro";
	opacity: .7;
	font-weight: 400;
	z-index: 1;
	letter-spacing: .1rpx;
	top: 6.4rpx;
	line-height: normal
}

.page .page_header .header_center .user-balance-wrap .balance-title text {
	font-size: 10rpx
}

.page .page_header .header_center .user-balance-wrap .amount-wrap {
	width: 432rpx;
	display: flex;
	justify-content: center;
	position: static;
	line-height: 20rpx;
	font-weight: 500;
	color: #f4d56f;
	transition: color .8s;
	margin-top: 17rpx;
}


.page .page_header .header_center .user-balance-wrap .amount-wrap .icon-matic:before {
	display: table-cell;
	vertical-align: bottom;
	font-size: 24rpx;
	line-height: 58rpx
}

.page .page_header .header_center .user-balance-wrap .amount-wrap .amount {
	line-height: 44rpx
}

.page .page_header .header_center .user-balance-wrap .amount-wrap .amount text {
	font-size: 66rpx
}

.page .page_header .header_center .balance_amount_wallet_connect {
	width: 240rpx;
	/* height: 54rpx; */
	cursor: pointer;
	opacity: 1;
	transition: opacity .2s;
	font-size: 52rpx;
	position: absolute;
	top: 10rpx;
	left: 50%;
	transform: translateX(-50%)
}

.page .page_header .header_center .balance_amount_wallet_connect:hover {
	opacity: .6
}

.page .page_header .header_center .balance {
	position: relative;
	width: 426rpx;
	height: 84rpx !important;
	top: -11rpx;
	padding-bottom: 2rpx;
	background: rgba(0, 0, 0, 0) url(../../static/images/common/d7abe094b0d1a5c1e9b2.svg) center no-repeat;
	background-size: 100% 100%;
	text-align: center;
	line-height: 28rpx;
	font-weight: 600;
	color: #f4d56f;
	box-sizing: border-box
}

.page .page_header .menu_btn {
	font-size: unset;
	width: 84rpx;
	height: 84rpx;
	padding: 0;
	background: rgba(244, 213, 111, 0);
	transition: all .2s;
	border-radius: 20rpx;
	margin-top: 0rpx;
	margin-right: 0rpx;
	border-width: 0;
	cursor: pointer;
	position: absolute;
	right: 0rpx;
	z-index: 1000;
	border: none;
}

.page .page_header .menu_btn:hover {
	background-color: rgba(244, 213, 111, .4)
}

.page .page_header .menu_btn:after {
	border: none;
}

.balance_box {
	display: flex;
	justify-content: center;
}

.page .page_header .menu_btn image {
	width: 100%;
	height: 100%
}

.rotate_90 {
	transform: rotate(180deg)
}

.trade_page .entry_screen {
	/* background-color: #0c0d13; */
	display: block;
	position: static;
	font-size: 10px;
	overflow: auto;
	z-index: initial
}

.trade_page .entry_screen .entry-main-flex {
	position: relative;
	text-align: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	z-index: initial
}



.trade_page .entry_screen .entry-main-flex .socials {
	position: absolute;

	right: 20rpx;
	top: 40%;
	display: flex;
	flex-direction: column;
	z-index: 5
}

.socials-img {
	width: 66rpx;
	height: 66rpx;
	margin-bottom: 30rpx;
}

.links_scroll_box .socials {
	display: flex;
	justify-content: left;
}

.links_scroll_box .socials .socials-img {
	margin-right: 40rpx;
}

.trade_page .entry_screen .entry-main-flex .socials {
	cursor: pointer
}

.trade_page .entry_screen .socials_btc_battles {
	top: 35%
}

.trade_page .entry_screen .socials_trading_battles {
	top: 35%
}

.trade_page .entry_screen .btcusdt_partnership {
	position: absolute;
	right: 1.8em;
	top: 40%;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 5
}

.trade_page .entry_screen .btcusdt_partnership .first_img {
	margin-top: -1em;
	margin-bottom: 1em;
	width: 40em;
	height: 10em
}

.trade_page .entry_screen .btcusdt_partnership .second_img {
	margin-top: -5.5em;
	width: 35em;
	height: 20em
}

.trade_page .entry_screen .btcusdt_partnership view {
	font-family: Audiowide;
	font-size: 1.5em;
	text-transform: uppercase;
	font-style: italic;
	padding: 0;
	margin: 0
}

.trade_page .entry_screen .entry-logo-box,
.trade_page .entry_screen .white-text-box,
.trade_page .entry_screen .white-text-flex,
.trade_page .entry_screen .entry-icons-box,
.trade_page .entry_screen .play-to-earn-box,
.trade_page .entry_screen .green-text-box {
	z-index: 2
}

.entry_screen_langs {
	right: 20rpx;
	top: 70rpx
}

.trade_page .entry_screen .entry-logo-box {
	text-align: center;
	margin: 0 auto;
}

.trade_page .entry_screen .entry-logo-box .logo-img {
	width: 220rpx
}

.trade_page .entry_screen .white-text-flex {
	font-size: 17rpx
}

.trade_page .entry_screen .white-text-flex {
	display: flex;
	justify-content: center;
	flex-direction: column;
	font-family: "Barlow Semi Condensed", sans-serif;
	margin-top: 6em;
	margin-bottom: 2em
}

.trade_page .entry_screen .white-text-flex .bitcoin-image {
	background-image: url(../../static/images/common/657b111f70494c328fde.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 30rpx;
	height: 30rpx
}

.trade_page .entry_screen .white-text-flex .up-vs-down {
	font-weight: 700
}

.trade_page .entry_screen .white-text-flex .up-vs-down text {
	font-size: 30rpx;

}

.trade_page .entry_screen .white-text-flex .web3-pool-game {
	font-weight: 700
}

.trade_page .entry_screen .white-text-flex .web3-pool-game text {
	font-size: 40rpx;
	color: #fff;
}

.trade_page .entry_screen .white-text-box {
	font-family: "Source Sans Pro";
	font-weight: 700;
	line-height: 6em;
	padding: 2em 0em 1em 0em
}

.trade_page .entry_screen .white-text-box text {
	font-size: 6.5em
}

.trade_page .entry_screen .holding-phone-box {
	flex-grow: 1;
	text-align: center;
	position: relative;
}

.trade_page .entry_screen .holding-phone-box .holding-phone-background {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -43%);
	width: 100%;
	height: 100%;
	content: "";
	background: radial-gradient(ellipse closest-side, #61a6f5 0%, rgba(94, 161, 238, 0) 100%);
	background: radial-gradient(ellipse closest-side, rgba(97, 166, 245, 0.7490196078) 0%, rgba(94, 161, 238, 0) 100%)
}

.trade_page .entry_screen .holding-phone-box .holding-phone-image {
	position: absolute;
	background-image: url(../../static/images/common/75fded5c848facba673c.png);
	background-position: center;
	background-size: contain;
	background-size: 80%;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	/* width:200rpx;
	min-height:200rpx */
}

.trade_page .entry_screen .entry-icons-box-indexed {
	z-index: 6
}

.trade_page .entry_screen .entry-icons-box {
	position: absolute;
	/* left: 4em; */
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	color: #fff;
	gap: 1em
}

.trade_page .entry_screen .entry-icons-box .entry-icon-box {
	display: flex;
	flex-direction: column;
	cursor: pointer
}

.trade_page .entry_screen .entry-icons-box .entry-icon-box .entry-icon-top-text {
	border: 0px solid rgba(0, 0, 0, 0);
	font-size: 26rpx;
}

.trade_page .entry_screen .entry-icons-box .entry-icon-box .entry-web3-info {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	position: relative;
	width: 100%;
	cursor: pointer
}

.entry-icon-bottom-text {
	font-size: 26rpx;
}

.trade_page .entry_screen .entry-icons-box .entry-icon-box .entry-info-icon {
	margin-left: -20rpx;
	height: 26rpx;
	width: 26rpx
}

.trade_page .entry_screen .entry-icons-box .entry-icon-box .entry-icon-image {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat
}

.trade_page .entry_screen .entry-icons-box .entry-icon-box.web3 .entry-icon-image {
	background-image: url(../../static/images/common/4a2c6b4730d55cc1643a.svg)
}

.trade_page .entry_screen .entry-icons-box .entry-icon-box.secure .entry-icon-image {
	background-image: url(../../static/images/common/e01e024d5dfef7263bac.svg)
}

.trade_page .entry_screen .entry-icons-box .entry-icon-box.decentralized .entry-icon-image {
	background-image: url(../../static/images/common/4009892aa8d51c173b5e.svg)
}

.trade_page .entry_screen .entry-icons-box .entry-icon-box.blockchain .entry-icon-image {
	background-image: url(../../static/images/common/59302dcfacadf926cd2f.svg)
}

.trade_page .entry_screen .play-to-earn-box {
	border: none;
	order: 6;
	padding: 0 0 20rpx 0;
	text-align: center;
	display: flex;
	justify-content: space-around;
	width: 100%;
}

.trade_page .entry_screen .play-to-earn-box view {
	position: relative;
	background-image: linear-gradient(99deg, #d99e38 -29%, #fff585 -7%, #ebbc53 6%, #edc964 52%, #e4b54f 79%, #dfa942 95%, #dda53e 98%, #e1ac43 102%, #eebf50 107%, #fbd35e 111%, #f9d15d 116%, #f4ca58 119%, #eabd50 120%, #dcab45 122%, #c99437 123%, #b47926 125%);
	/* background-image: linear-gradient(to right, #8cd903 23%, #fb0401 83%); */
	border: 2rpx solid #f4d56f;
	border-radius: 4rpx;
	height: 100rpx;
	display: flex;
	margin: 0 auto;
	justify-content: space-around;
	text-align: center;
	color: #000;
	font-family: "SF UI Display", sans-serif;
	font-weight: 600;

	padding: 0 10rpx;
	width: 50%;
	line-height: 100rpx;

	cursor: pointer
}

.trade_page .entry_screen .play-to-earn-box text {
	font-size: 46rpx;
	text-align: center;
}

.trade_page .entry_screen .play-to-earn-box view::after {
	position: absolute;
	top: 50%;
	right: 30rpx;
	width: 40rpx;
	height: 40rpx;
	content: "";
	background-image: url(../../static/images/common/32c41eec2db066d936d5.svg);
	background-repeat: no-repeat;
	background-size: contain;
	transform: translateY(-50%)
}




.entry-tutorial {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .5);
	font-family: "SF UI Display", sans-serif
}

.entry-tutorial .next,
.entry-tutorial .close {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 1.44em;
	bottom: 10rpx;
	width: 140rpx;
	height: 60rpx;
	border-radius: 4rpx;
	background: #fff;
	cursor: pointer
}

.entry-tutorial .next .txt,
.entry-tutorial .close .txt {
	font-family: Source Sans Pro;
	letter-spacing: .013em;
	color: #027dd5;
	font-size: 24rpx;
	font-weight: bold;
	text-align: center
}

.entry-tutorial .skip {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 30rpx;
	bottom: 10rpx;
	width: 100rpx;
	height: 50rpx;
	cursor: pointer;
	border-radius: 4rpx;
	font-size: 26rpx;
	color: #fff;
	border: solid 2rpx #fff
}

.entry-tutorial .skip p {
	font-family: Source Sans Pro;
	letter-spacing: .013em;
	color: #fff;
	font-size: 1.44em;
	font-weight: bold;
	text-align: center
}

.entry-tutorial .entry_bubble_web3 {
	position: absolute;
	bottom: 620rpx;
	width: 94%;
	height: 300rpx;
	opacity: .95;
	background-color: #027dd5;
	border-radius: 8rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.entry-tutorial .entry_bubble_web3 .content_img {
	width: 130rpx;
	height: 130rpx;
	position: absolute;
	top: -70rpx;
	background-image: url(../../static/images/common/4a2c6b4730d55cc1643a.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat
}

.entry-tutorial .entry_bubble_web3 .bubble_header {
	color: #fff;
	font-size: 30rpx;
	font-weight: bold;
	letter-spacing: .015em;
	text-align: center;
	padding: 0;
	margin: 0
}

.entry-tutorial .entry_bubble_web3 .desc {
	color: #fff;
	font-size: 26rpx;
	font-weight: 300;
	letter-spacing: .015em;
	text-align: center;
	padding: 0;
	margin: 10rpx 0 10rpx 0
}

.entry-tutorial .entry_bubble_web3 .rectangle {
	left: 10%;
}

.entry-tutorial .rectangle {
	bottom: -24rpx;
	position: absolute;
	width: 100rpx;
	height: 40rpx
}

.entry-tutorial .entry_bubble_blockchain {
	position: absolute;
	bottom: 620rpx;
	width: 94%;
	height: 300rpx;
	opacity: .95;
	background-color: #027dd5;
	border-radius: 8rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.entry-tutorial .entry_bubble_blockchain .content_img {
	width: 130rpx;
	height: 130rpx;
	position: absolute;
	top: -70rpx;
	background-image: url(../../static/images/common/59302dcfacadf926cd2f.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat
}

.entry-tutorial .entry_bubble_blockchain .bubble_header {
	color: #fff;
	font-size: 30rpx;
	font-weight: bold;
	letter-spacing: .021em;
	text-align: center;
	padding: 0;
	margin: 0
}

.entry-tutorial .entry_bubble_blockchain .desc {
	color: #fff;
	font-size: 26rpx;
	font-weight: 300;
	letter-spacing: .015em;
	text-align: center;
	padding: 0;
	margin: .7em 0 1.2em 0;
	width: 85%
}

.entry-tutorial .entry_bubble_blockchain .rectangle {
	left: 34%;
}

.entry-tutorial .entry_bubble_secure {
	position: absolute;
	bottom: 620rpx;
	width: 94%;
	height: 300rpx;
	opacity: .95;
	background-color: #027dd5;
	border-radius: .4em;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.entry-tutorial .entry_bubble_secure .content_img {
	width: 140rpx;
	height: 140rpx;
	position: absolute;
	top: -70rpx;
	background-image: url(../../static/images/common/e01e024d5dfef7263bac.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat
}

.entry-tutorial .entry_bubble_secure .bubble_header {
	color: #fff;
	font-size: 30rpx;
	font-weight: bold;
	letter-spacing: .019em;
	text-align: center;
	padding: 0;
	margin: 0
}

.entry-tutorial .entry_bubble_secure .desc {
	color: #fff;
	font-size: 26rpx;
	font-weight: 300;
	letter-spacing: .015em;
	text-align: center;
	padding: 0;
	margin: .7em 0 1.4em 0
}

.entry-tutorial .entry_bubble_secure .rectangle {
	left: 56%;
}

.entry-tutorial .entry_bubble_decentralized {
	position: absolute;
	bottom: 620rpx;
	width: 94%;
	height: 300rpx;
	opacity: .95;
	background-color: #027dd5;
	border-radius: .4em;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.entry-tutorial .entry_bubble_decentralized .content_img {
	width: 130rpx;
	height: 130rpx;
	position: absolute;
	top: -70rpx;
	background-image: url(../../static/images/common/4009892aa8d51c173b5e.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat
}

.entry-tutorial .entry_bubble_decentralized .bubble_header {
	color: #fff;
	font-size: 30rpx;
	font-weight: bold;
	letter-spacing: .019em;
	text-align: center;
	padding: 0;
	margin: 0
}

.entry-tutorial .entry_bubble_decentralized .desc {
	color: #fff;
	font-size: 26rpx;
	font-weight: 300;
	letter-spacing: .015em;
	text-align: center;
	padding: 0;
	margin: .7em 0 .8em 0;
	width: 90%
}

.entry-tutorial .entry_bubble_decentralized .rectangle {
	left: 80%;
}

.entry-tutorial .entry_bubble_winnings {
	position: absolute;
	bottom: 620rpx;
	width: 94%;
	height: 300rpx;
	opacity: .95;
	background-color: #027dd5;
	border-radius: .4em;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.entry-tutorial .entry_bubble_winnings .bubble_header {
	color: #fff;
	font-size: 30rpx;
	font-weight: bold;
	letter-spacing: .019em;
	text-align: center;
	padding: 0;
	margin: 0
}

.entry-tutorial .entry_bubble_winnings .desc {
	color: #fff;
	font-size: 26rpx;
	font-weight: 300;
	letter-spacing: .015em;
	text-align: center;
	padding: 0;
	margin: .7em 0 .8em 0;
	width: 90%
}

.entry-tutorial .entry_bubble_winnings .rectangle {
	left: 10%;
}

.trade_page .entry_screen .center_content .center_box .info_point {
	opacity: 1;
	position: relative;
	left: -0.15em;
	width: 14em;
	height: 6.2em;
	font-size: 2.9em;
	font-weight: 600;
	font-stretch: semi-condensed;
	font-style: italic;
	line-height: 1.67;
	letter-spacing: -0.68px;
	text-align: center;
	color: #f4d56f;
	margin-top: .25em
}

.trade_page .entry_screen .center_content .center_box .checkmark_img {
	z-index: 0;
	opacity: 1;
	width: 4.2em;
	height: 4.2em;
	object-fit: contain;
	display: block;
	margin: 1.3em 0 0 1.1em
}

.trade_page .entry_screen .center_content .continue_btn {
	position: relative;
	background-image: linear-gradient(100deg, #d99e38 1%, #fff585 16%, #ebbc53 24%, #edc964 54%, #e4b54f 72%, #dfa942 82%, #dda53e 84%, #e1ac43 87%, #eebf50 90%, #fbd35e 93%, #f9d15d 97%, #f4ca58 98%, #eabd50 99%, #dcab45 100%, #c99437 101%, #b47926 102%);
	font-size: 2.2em;
	border-radius: .25em;
	text-align: center;
	width: 7em;
	height: 1.75em;
	line-height: 1.75em;
	color: #000;
	font-weight: 700;
	font-family: "Source Sans Pro";
	cursor: pointer;
	transition: all .2s;
	transform: translate(0, 0);
	letter-spacing: -0.03em;
	box-shadow: 0 0 0 1.5em rgba(255, 230, 148, 0) inset, 0 0 0 .07em #f4d56f inset, 0 .3em 0 0 #937c33, 0 .35em 0 0 #212121
}

.trade_page .entry_screen .center_content .continue_btn:hover {
	transform: translate(0, 0.1em);
	box-shadow: 0 0 0 1.5em rgba(255, 230, 148, .3) inset, 0 0 0 .07em #f3df9c inset, 0 .2em 0 0 #bb9a2c, 0 .25em 0 0 #212121
}

.trade_page .entry_screen .center_content .continue_btn .inner_text {
	position: relative;
	left: -0.25em
}

.trade_page .entry_screen .center_content .continue_btn image {
	width: 1.2em;
	height: .95em;
	position: absolute;
	top: .45em;
	left: 5.78em
}

.trade_page .entry_screen_mobile {
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 86%;
	height: 100%;
	z-index: 10000
}

.trade_page .entry_screen_mobile .content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	width: 100vw;
	height: 86vh;
	transform: rotate(-90deg)
}

.trade_page .entry_screen_mobile .content .entry_screen_mobile_active_lang {
	display: flex;
	align-items: center;
	position: absolute;
	top: 3em;
	right: 3.7em;
	cursor: pointer
}

.trade_page .entry_screen_mobile .content .entry_screen_mobile_active_lang .active_flag {
	width: 4em;
	height: 4em
}

.trade_page .entry_screen_mobile .content .entry_screen_mobile_active_lang .down_arr {
	width: 1.4em;
	height: .9em;
	margin-left: 1em
}

.trade_page .entry_screen_mobile .content .entry_screen_mobile_selector {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 7em;
	right: 1.6em;
	z-index: 10
}

.trade_page .entry_screen_mobile .content .entry_screen_mobile_selector .entry_screen_mobile_langs_bg {
	width: 25em;
	height: 35em
}

.trade_page .entry_screen_mobile .content .entry_screen_mobile_selector .entry_screen_mobile_langs_list {
	width: 98%;
	height: 94%;
	margin-top: 2em;
	position: absolute;
	overflow-x: hidden;
	overflow-y: scroll
}

.trade_page .entry_screen_mobile .content .entry_screen_mobile_selector .entry_screen_mobile_langs_list .entry_screen_mobile_lang_btn {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 5em
}

.trade_page .entry_screen_mobile .content .entry_screen_mobile_selector .entry_screen_mobile_langs_list .entry_screen_mobile_lang_btn .flag {
	width: 3.3em;
	height: 3.3em;
	margin: 0 2.4em 0 2.5em
}

.trade_page .entry_screen_mobile .content .entry_screen_mobile_selector .entry_screen_mobile_langs_list .entry_screen_mobile_lang_btn .lang_desc {
	font-size: 1.6em
}

.trade_page .entry_screen_mobile .content .entry_screen_header_mobile {
	width: 60.2vw;
	height: 9.7vh;
	margin-bottom: 11em
}

.trade_page .entry_screen_mobile .content .entry_large_title {
	width: 60.2vw;
	height: 8.2vh;
	margin-bottom: 14em
}

.trade_page .entry_screen_mobile .content .content_header {
	min-width: 80%;
	width: auto;
	font-family: "Barlow Semi Condensed";
	font-weight: 800;
	letter-spacing: -0.0109em;
	text-align: center;
	color: #f4d56f;
	margin: 4rpx 0
}

.wallet_star {
	display: flex;
	width: 100%;
	padding-bottom: 80rpx;
	justify-content: space-around;
}

.wallet_star_box {

	text-align: center;
}

.wallet_star .wallet_star_img {
	width: 100rpx;
	text-align: center;
}

.wallet_content {
	width: 100%;
}

.wallet_star .wallet_star_spans {
	text-align: center;
	font-size: 24rpx;
	width: 100%;
	margin-bottom: 10rpx;
}

.wallet_content .active_invst_btn {
	background: #f4d56f !important;
	color: #0c0d13;
}

/* .links_scroll_box .socials{
	width:40rpx;
} */
.wallet_star .wallet_star_span {
	text-align: center;
	font-size: 24rpx;
}

.wallet_content .invest_select {
	display: flex;
	/* flex-direction:row; */
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-between;
}

.wallet_content_title {
	text-align: center;
	margin-bottom: 10rpx;

	font-size: 26rpx;
	color: rgba(255, 255, 255, .7019607843);
	border-top: solid 1rpx rgba(151, 151, 151, .3019607843);
	padding-top: 30rpx;
	padding-bottom: 20rpx;
	line-height: 40rpx;
}

.wallet_matic {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 74rpx;
	border-radius: 10rpx;
	border: solid 2rpx #5f5f5f;
	background-color: #151515;
	outline: none;
	background: rgba(0, 0, 0, 0);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26rpx;
	font-weight: 600;
	color: #f4d56f;

	text-align: center;

	margin-bottom: 20rpx;
}

.wallet_bottom {
	width: 100%;
	height: 80rpx;
	border-radius: 8rpx;
	background-color: #f4d56f;
	display: flex;
	color: #0c0d13;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-weight: bold;
}

.wallet_bottom .send {
	width: 100%;
	height: 80rpx;
	border-radius: 8rpx;
	background-color: #f4d56f;

	color: #0c0d13;
	text-align: center;
	line-height: 80rpx;
	cursor: pointer;
	font-weight: bold;
}

.wallet_content .invest_select .invst_btn {
	display: flex;
	align-items: center;
	/* width: 40rpx; */
	padding: 22rpx 8rpx;
	margin: 4rpx 2rpx;
	font-size: 26rpx;
	height: 10rpx;
	border-radius: 6rpx;
	border: solid 3rpx rgba(245, 205, 72, .6);
	background-color: rgba(12, 13, 19, .18);
}

.wallet_content .invest_select .invst_btn_disableds {
	background: #694515;
	border: 3rpx solid #694515;
	color: #bfbcbc;
}

.wallet_content .invest_select .invst_btns {
	display: flex;
	align-items: center;
	/* width: 40rpx; */
	padding: 22rpx 30rpx;
	margin: 4rpx 2rpx;
	font-size: 26rpx;
	height: 10rpx;
	border-radius: 6rpx;
	border: solid 3rpx rgba(245, 205, 72, .6);
	background-color: rgba(12, 13, 19, .18);
}

.wallet_content .invest_select .invst_btn_disableds {
	background: #694515;
	border: 3rpx solid #694515;
	color: #bfbcbc;
}

.disabled_btn {
	background: #694515 !important;
	color: #bfbcbc;
}

.trade_page .entry_screen_mobile .content .content_desc_box {
	display: flex;
	flex-direction: space-evenly
}

@keyframes grow_then_shrink_green {
	0% {
		transform: scale(1);
		color: #f4d56f
	}

	7% {
		transform: scale(1.3);
		color: #73b302
	}

	14% {
		transform: scale(1.3);
		color: #fff
	}

	21% {
		transform: scale(1.3);
		color: #73b302
	}

	28% {
		transform: scale(1.3);
		color: #fff
	}

	35% {
		transform: scale(1.3);
		color: #73b302
	}

	42% {
		transform: scale(1.3);
		color: #fff
	}

	49% {
		transform: scale(1.3);
		color: #73b302
	}

	56% {
		transform: scale(1.3);
		color: #fff
	}

	63% {
		transform: scale(1.3);
		color: #73b302
	}

	70% {
		transform: scale(1.3);
		color: #fff
	}

	77% {
		transform: scale(1.3);
		color: #73b302
	}

	84% {
		transform: scale(1.3);
		color: #fff
	}

	91% {
		transform: scale(1.3);
		color: #73b302
	}

	100% {
		transform: scale(1);
		color: #f4d56f
	}
}

@keyframes grow_then_shrink_red {
	0% {
		transform: scale(1);
		color: #f4d56f
	}

	7% {
		transform: scale(1.3);
		color: #e02e2b
	}

	14% {
		transform: scale(1.3);
		color: #fff
	}

	21% {
		transform: scale(1.3);
		color: #e02e2b
	}

	28% {
		transform: scale(1.3);
		color: #fff
	}

	35% {
		transform: scale(1.3);
		color: #e02e2b
	}

	42% {
		transform: scale(1.3);
		color: #fff
	}

	49% {
		transform: scale(1.3);
		color: #e02e2b
	}

	56% {
		transform: scale(1.3);
		color: #fff
	}

	63% {
		transform: scale(1.3);
		color: #e02e2b
	}

	70% {
		transform: scale(1.3);
		color: #fff
	}

	77% {
		transform: scale(1.3);
		color: #e02e2b
	}

	84% {
		transform: scale(1.3);
		color: #fff
	}

	91% {
		transform: scale(1.3);
		color: #e02e2b
	}

	100% {
		transform: scale(1);
		color: #f4d56f
	}
}

@keyframes grow_then_shrink_gold {
	0% {
		transform: scale(1);
		color: #f4d56f
	}

	7% {
		transform: scale(1.3);
		color: #fff
	}

	14% {
		transform: scale(1.3);
		color: #f4d56f
	}

	21% {
		transform: scale(1.3);
		color: #fff
	}

	28% {
		transform: scale(1.3);
		color: #f4d56f
	}

	35% {
		transform: scale(1.3);
		color: #fff
	}

	42% {
		transform: scale(1.3);
		color: #f4d56f
	}

	49% {
		transform: scale(1.3);
		color: #fff
	}

	56% {
		transform: scale(1.3);
		color: #f4d56f
	}

	63% {
		transform: scale(1.3);
		color: #fff
	}

	70% {
		transform: scale(1.3);
		color: #f4d56f
	}

	77% {
		transform: scale(1.3);
		color: #fff
	}

	84% {
		transform: scale(1.3);
		color: #f4d56f
	}

	91% {
		transform: scale(1.3);
		color: #fff
	}

	100% {
		transform: scale(1);
		color: #f4d56f
	}
}

/*wallet-modal */
.topup-wallet-modal-container {
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	height: 100dvh;
	z-index: 70;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 10rpx;
	z-index: 10000
}

.topup_container {
	width: 90%;
	max-height: 90%;
	max-height: 90vh;
	max-height: 90dvh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.topup-box-wrap {
	width: 88%;
	font-size: 15px;
	font-size: 30rpx;
	position: relative;
	animation: bounce-in .65s ease
}


.topup_container {
	width: 100%;
	max-height: 90%;
	max-height: 90vh;
	max-height: 90dvh;
	display: flex;
	align-items: center;
	justify-content: center
}



.topup-overflow-hidden {
	background-color: #050505;
	border-radius: 50rpx;
	border: solid 2rpx rgba(93, 93, 93, .72);
	overflow: hidden
}

.topup-close-btn {
	position: absolute;
	right: -20rpx;
	top: -20rpx;
	outline: none;
	background: none;
	border: none;
	background: rgba(0, 0, 0, 0) url(../../static/images/common/04c3b6f1a2c60051ced5.png) center no-repeat;
	background-size: 100% 100%;
	width: 58rpx;
	height: 58rpx;
	z-index: 5222;
	cursor: pointer;
	opacity: 1;
	transition: opacity .2s
}

.topup-close-btn:hover {
	opacity: .9
}

.topup-box {
	height: 100%;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden
}

.topup-box .topup_bottom_desc {
	width: 100%;
	height: 12%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.topup-box .balance_input {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	/* height: 50rpx; */
	border-radius: 6rpx;
	background-color: #191919;
	padding: 6rpx 20rpx;
	line-height: 40rpx;
	margin-top: 10rpx;
	margin-left: 20rpx;
}

.topup-box .balance_input .txt {
	font-family: Helvetica;
	font-size: 24rpx;
	font-weight: 700;
	color: rgba(255, 255, 255, .8);
	letter-spacing: .034em;
	padding: 0;
	margin: 0;
	margin-left: 5rpx;
	margin-top: 0em;
	text-align: center;
}

.topup-box .topup_bottom_desc .email {
	text-align: center;
	font-family: "SF UI Display", sans-serif;
	font-size: .72em;
	color: #ababab;
	font-weight: 400;
	letter-spacing: .027em;
	padding: 0;
	margin: 0 0 .5em 0
}

.topup-box .topup_bottom_desc .email span {
	color: #d3d3d3
}

.topup-box .topup_bottom_desc .wallet_address {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .3em
}

.topup-box .topup_bottom_desc .wallet_address .wallet {
	text-align: center;
	font-family: "SF UI Display", sans-serif;
	font-size: .72em;
	color: #ababab;
	font-weight: 400;
	letter-spacing: .027em;
	padding: 0;
	margin: 0
}

.topup-box .topup_bottom_desc .wallet_address span {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .77em;
	color: #ababab;
	font-weight: 600;
	letter-spacing: .02em;
	padding: 0;
	margin: 0
}

.topup-box .topup_bottom_desc .wallet_address .copy_btn {
	width: 1.7em;
	height: 1.7em;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-left: .7em
}

.topup-box .topup_bottom_desc .wallet_address .copy_btn img {
	width: 45%;
	height: 45%
}

.topup-box .topup_bottom_desc .wallet_address .copy_btn:hover {
	opacity: .7
}

.topup-box .topup_bottom_desc .manage_social_wallet {
	text-align: center;
	font-family: "SF UI Display", sans-serif;
	font-size: .79em;
	color: rgba(255, 255, 255, .5019607843);
	font-weight: 500;
	letter-spacing: .029em;
	padding: 0;
	margin: 0
}

.topup-box .topup_bottom_desc .polygon_torus {
	text-align: center;
	font-family: "SF UI Display", sans-serif;
	font-size: 1.05em;
	color: rgba(10, 237, 255, .6);
	font-weight: 600;
	letter-spacing: .039em;
	text-decoration: underline;
	padding: 0;
	margin: 0 0 1.2em 0
}

.topup-box .topup_bottom_desc .web3auth {
	width: 10em;
	height: 1.3em
}

.topup-box .topup_step1_wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.topup-box .topup_step1_wrap .iframe_wrap {
	max-width: 90%;
	width: 90%;
	min-height: 16em;
	height: auto;
	max-height: 16em;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20rpx
}

.topup-box .topup_step1_wrap .iframe_wrap[p2p=true] {
	min-height: 12em;
	height: auto;
	max-height: 12em
}

.topup-box .topup_step1_wrap .content_header {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 82%;
	margin-top: 1.6em;
	margin-bottom: .3em;
	min-height: 8%;
	height: auto;
	max-height: 48%;
	border-bottom: 2rpx solid rgba(151, 151, 151, .3019607843)
}

.content_headers {
	width: 92% !important;

}

.topup-box .topup_step1_wrap .content_headers {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 82%;
	margin-top: 1.6em;
	margin-bottom: .3em;
	min-height: 8%;
	height: auto;
	max-height: 48%;
	border: none
}

.topup-box .topup_step1_wrap .content_header .header,
.topup-box .topup_step1_wrap .content_headers .header {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	letter-spacing: -0.022em;
	font-family: "SF UI Display", sans-serif;
	font-size: 40rpx;
	font-weight: 600;
	color: #f4d56f;
	margin-bottom: 20rpx;
	text-align: center
}

.topup-box .topup_step1_wrap .content_header .header .subheader {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: .8em
}

.topup-box .topup_step1_wrap .content_header .header p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .6em;
	font-weight: bold;
	color: #5f5f5f;
	letter-spacing: -0.008em;
	padding: 0;
	margin: 0
}

.topup-box .topup_step1_wrap .content_header .header h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-weight: bold;
	color: #fff;
	letter-spacing: -0.021em;
	padding: 0;
	margin: .4em 0
}

.topup-box .topup_step1_wrap .content_header .header .copy_btn {
	width: 1.7em;
	height: 1.7em;
	background: #2a2a2a;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-left: .7em
}

.topup-box .topup_step1_wrap .content_header .header .copy_btn img {
	width: 50%;
	height: 50%
}

.topup-box .topup_step1_wrap .content_header .header .copy_btn:hover {
	opacity: .7
}

.topup-box .topup_step1_wrap .content_header .balance_header,
.topup-box .topup_step1_wrap .content_header .wallet_header {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	margin-bottom: .4em
}

.topup-box .topup_step1_wrap .content_header .balance_header .balance_transfer_btn,
.topup-box .topup_step1_wrap .content_header .wallet_header .balance_transfer_btn {
	position: absolute;
	right: 4rpx;
	top: 2rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160rpx;
	height: 50rpx;
	border-radius: 14rpx;
	background-color: #2a2a2a;
	margin: 6rpx 0 0 5rpx;
	cursor: pointer;
	border: solid 2rpx #5f5f5f;
	font-size: 26rpx;
	color: rgba(244, 213, 111, .8);
	letter-spacing: 2rpx;
	text-align: center
}

/*
.topup-box .topup_step1_wrap .content_header .balance_header .balance_transfer_btn p,
.topup-box .topup_step1_wrap .content_header .wallet_header .balance_transfer_btn p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: .8em;
	font-weight: 600;
	color: rgba(244, 213, 111, .8);
	letter-spacing: .021em;
	text-align: center
} */

.topup-box .topup_step1_wrap .content_header .balance_header .balance_transfer_btn:hover,
.topup-box .topup_step1_wrap .content_header .wallet_header .balance_transfer_btn:hover {
	opacity: .8
}

.topup-box .topup_step1_wrap .content_header .balance_header .desc,
.topup-box .topup_step1_wrap .content_header .wallet_header .desc {
	font-family: "SF UI Display";
	font-size: .68em;
	font-weight: 400;
	color: #ababab;
	letter-spacing: .047em;
	padding: 0;
	margin: .2em 0 0 0
}

.topup-box .topup_step1_wrap .content_header .balance_header .balance,
.topup-box .topup_step1_wrap .content_header .wallet_header .balance {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	height: 1.6em;
	border-radius: .4em;
	background-color: #191919;
	padding: 0 .7em 0 .7em;
	margin-top: .2em
}

.topup-box .topup_step1_wrap .content_header .balance_header .balance>div,
.topup-box .topup_step1_wrap .content_header .wallet_header .balance>div {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-basis: 50%
}

.topup-box .topup_step1_wrap .content_header .balance_header .balance>div:nth-of-type(1),
.topup-box .topup_step1_wrap .content_header .wallet_header .balance>div:nth-of-type(1) {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center
}

.topup-box .topup_step1_wrap .content_header .balance_header .balance>div p,
.topup-box .topup_step1_wrap .content_header .wallet_header .balance>div p {
	font-family: Helvetica;
	font-size: .68em;
	font-weight: 700;
	color: rgba(255, 255, 255, .8);
	letter-spacing: .034em;
	padding: 0;
	margin: 0;
	margin-left: .3em;
	margin-top: 0em;
	text-align: center
}

.topup-box .topup_step1_wrap .content_header .balance_header .copy_btn,
.topup-box .topup_step1_wrap .content_header .wallet_header .copy_btn {
	position: absolute;
	right: 4rpx;
	width: 36rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin: .2em 0 0 1em;
	/* height: 4rpx */
}

.topup-box .topup_step1_wrap .content_header .balance_header .copy_btn img,
.topup-box .topup_step1_wrap .content_header .wallet_header .copy_btn img {
	width: 6rpx;
	height: 6rpx;
}

.topup-box .topup_step1_wrap .content_header .balance_credit_card {
	border-top: solid .1em rgba(151, 151, 151, .3019607843);
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding-bottom: .5em
}

.topup-box .topup_step1_wrap .content_header .balance_credit_card .p2p_pay {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 102%;
	height: 4rem;
	padding: .3em 0;
	border-radius: .64em;
	margin-top: .5em;
	border: solid .1em #646875;
	background-color: #010a26;
	cursor: pointer
}

.topup-box .topup_step1_wrap .content_header .balance_credit_card .p2p_pay:hover {
	opacity: .8
}

.topup-box .topup_step1_wrap .content_header .balance_credit_card .p2p_pay p {
	font-size: 1.09em;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	color: #fff
}

.topup-box .topup_step1_wrap .content_header .topup_wallet {
	display: flex;
	flex-direction: column;
	margin-top: .6em
}

.topup-box .topup_step1_wrap .content_header .topup_wallet p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-weight: bold;
	color: #fff;
	letter-spacing: .021em;
	padding: 0;
	margin: .1em 0 0 .2em
}

.topup-box .topup_step1_wrap .content_header .topup_wallet .matic_amount {
	width: 17.4em;
	height: 2.3em;
	border-radius: 1.15em;
	border: solid .05em #3e3e3e;
	margin-top: .5em;
	display: flex;
	align-items: center
}

.topup-box .topup_step1_wrap .content_header .topup_wallet .matic_amount div {
	display: flex;
	flex-direction: row;
	align-items: center
}

.topup-box .topup_step1_wrap .content_header .topup_wallet .matic_amount div:nth-of-type(1) {
	padding-left: .7em;
	border-right: solid .1em #545454;
	width: 25%;
	height: 100%
}

.topup-box .topup_step1_wrap .content_header .topup_wallet .matic_amount div:nth-of-type(2) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 75%
}

.topup-box .topup_step1_wrap .content_header .topup_wallet .matic_amount div input {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .65em;
	font-weight: bold;
	color: #fff;
	letter-spacing: .019em;
	padding: 0;
	margin: .1em 0 0 .3em;
	text-align: center
}

.topup-box .topup_step1_wrap .content_header .topup_wallet .matic_amount div input::placeholder {
	color: #fff
}

.topup-box .topup_step1_wrap .content_header .topup_wallet .matic_amount div input:focus {
	border-color: #b1aeae
}

.topup-box .topup_step1_wrap .…

/* end */
.trade_page .header .balance_box .amount-wrap.changed.green {
	animation: 5s linear 0s 1 grow_then_shrink_green
}

.trade_page .header .balance_box .amount-wrap.changed.red {
	animation: 5s linear 0s 1 grow_then_shrink_red
}

.trade_page .header .balance_box .amount-wrap.changed.gold {
	animation: 5s linear 0s 1 grow_then_shrink_gold
}

.trade_page .header .balance_box .wallet_connect_btn {
	cursor: pointer;
	font-size: .9em;
	width: 13.8em;
	height: 3.3em;
	opacity: 1;
	transition: opacity .2s;
	position: absolute;
	top: .8em
}

.trade_page .header .balance_box .wallet_connect_btn:hover {
	opacity: .6
}

.balance_box .social_wallet_connect_btn {
	cursor: pointer;
	position: absolute;
	right: 76rpx;
	top: 32rpx;
	width: 30rpx;
	height: 30rpx;
	z-index: 1000;
}

.balance_box .social_wallet_connect_btn:hover {
	opacity: .6
}

.trade_page .header .balance_box .balance_wallet_btn {
	display: flex;
	justify-content: center;
	margin-top: -0.3em;
	position: relative
}

.balance_box .refresh-balance-button {
	position: absolute;
	top: 28rpx;
	left: 70rpx;
	width: 38rpx;
	height: 38rpx;
	border: 0;
	background-image: url(../../static/images/common/4b580b5b2c73a79cf3d3.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: rgba(0, 0, 0, 0);
	cursor: pointer
}

.trade_page .header .big_button .title {
	font-family: "Source Sans Pro";
	opacity: .7;
	font-size: .6em;
	margin-top: -0.7em;
	margin-bottom: .3em;
	line-height: 1.5em;
	letter-spacing: .15em;
	padding: 0 1.4em
}

.trade_page .header .big_button navigator {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	color: #f4d56f;
	width: 5.8em;
	height: 1.875em;
	line-height: 1.875em;
	text-align: center;
	box-sizing: border-box;
	transition: all .2s;
	opacity: 1
}

.trade_page .header .big_button navigator:hover {
	color: #b2f939;
	opacity: .85
}

.trade_page .header .big_button navigator:active {
	color: #fff;
	opacity: .7;
	transition: none
}

.trade_page .header .big_button.left_btn navigator {
	background-image: url(../../static/images/common/9c15278224cded564fc1.svg);
	background-size: 100% 100%;
	padding-right: .7em
}

.trade_page .header .big_button.right_btn navigator {
	background-image: url(../../static/images/common/6eac7e2a5510b165b25b.png);
	background-size: 100% 100%;
	padding-left: .7em;
	color: #000;
	position: relative
}

.trade_page .header .big_button.right_btn navigator .position_counter {
	color: #f4d56f;
	border: solid .1em #f4d56f;
	background-color: #0c0d13;
	font-size: .75em;
	position: absolute;
	top: 50%;
	left: 100%;
	font-weight: 600;
	height: 1.4em;
	line-height: 1.4em;
	padding: 0 .3em;
	border-radius: .9em;
	transform: translate(-50%, -50%)
}

.trade_page .header .big_button.right_btn .title {
	text-align: right
}

.trade_page .header .right_group {
	width: 14.6em;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding-left: .5em
}

.trade_page .header .right_group .user_avatar {
	display: block;
	width: 3.3em;
	height: 3.3em;
	border: solid .2em #f4d56f;
	border-radius: 50%;
	overflow: hidden;
	margin-right: -2.8em;
	cursor: pointer
}

.trade_page .header .right_group .user_avatar:hover {
	opacity: .7
}

.trade_page .header .right_group .user_avatar image {
	width: 3.3em;
	height: 3.3em
}


.trade_page .header .right_group .table_icon {
	opacity: 1;
	transition: all .2s
}

.trade_page .header .right_group .table_icon image {
	width: 5.7em;
	height: 2.7em
}

.trade_page .header .right_group .table_icon:hover {
	opacity: .5
}

.trade_page .header .tables_select {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .8);
	z-index: 4;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	width: 100%;
	transition: right 1s
}

.trade_page .header .tables_select .loader_wrap {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 5;
	background-color: rgba(0, 0, 0, .8);
	display: flex;
	align-items: center;
	justify-content: center
}

.trade_page .header .tables_select .loader_wrap image {
	width: 8.25em;
	height: 4.12em
}

.trade_page .header .tables_select ::-webkit-scrollbar {
	display: none
}

.trade_page .header .tables_select .scrollbar_container {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0
}

.trade_page .header .tables_select .options {
	box-sizing: border-box;
	overflow: auto;
	padding: .2em 1em 1em 1em;
	height: 100%;
	width: 100%;
	scrollbar-width: none;
	-ms-overflow-style: none;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: flex-start;
	overflow-y: hidden
}

.trade_page .header .tables_select .options .pool_option {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 27.3em;
	height: 24.7em;
	border-radius: 1.8em;
	border: solid .16em #f4d56f;
	background-color: #0c0d13;
	padding: 1.5em 0 1.2em 0
}

.trade_page .header .tables_select .options .pool_option image {
	width: 20.3em;
	height: 7em
}

.trade_page .header .tables_select .options .pool_option .content {
	width: 80%;
	height: 35%;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.trade_page .header .tables_select .options .pool_option .content .desc_row {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

.trade_page .header .tables_select .options .pool_option .content .desc_row view {
	display: flex;
	flex-direction: column;
	justify-content: flex-end
}

.trade_page .header .tables_select .options .pool_option .content .desc_row view .desc_header {
	font-family: "Barlow Semi Condensed";
	font-size: 1.06em;
	font-weight: 600;
	letter-spacing: .071em;
	text-align: center;
	color: rgba(255, 255, 255, .8);
	padding: .2em 0;
	margin: 0
}

.trade_page .header .tables_select .options .pool_option .content .desc_row view .amt {
	font-family: "SF UI Display" sans-serif;
	font-size: 2.28em;
	font-weight: 600;
	text-align: center;
	color: #f4d56f;
	padding: 0;
	margin: 0
}

.trade_page .header .tables_select .options .pool_option .content .desc_row view .amt text {
	font-size: 1.2rem;
	color: #c3aa5a
}

.trade_page .header .tables_select .options .pool_option .content .duration_row {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

.trade_page .header .tables_select .options .pool_option .content .duration_row view {
	display: flex;
	flex-direction: column;
	justify-content: flex-end
}

.trade_page .header .tables_select .options .pool_option .content .duration_row view .duration_header {
	font-family: "Barlow Semi Condensed";
	font-size: 1.06em;
	font-weight: 600;
	letter-spacing: .071em;
	text-align: center;
	color: rgba(255, 255, 255, .8);
	padding: .2em 0;
	margin: 0
}

.trade_page .header .tables_select .options .pool_option .content .duration_row view .amt {
	font-family: "SF UI Display" sans-serif;
	font-size: 1.63em;
	font-weight: 600;
	text-align: center;
	color: #f4d56f;
	padding: 0;
	margin: 0
}

.trade_page .header .tables_select .options .pool_option .select_btn {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	width: 78%;
	height: 3.95em;
	border-radius: .44em;
	border: solid .22em #f4d56f;
	background-image: linear-gradient(98deg, #d99e38 -30%, #fff585 -7%, #ebbc53 6%, #edc964 52%, #e4b54f 79%, #dfa942 95%, #dda53e 98%, #e1ac43 102%, #eebf50 107%, #fbd35e 112%, #f9d15d 117%, #f4ca58 119%, #eabd50 120%, #dcab45 122%, #c99437 123%, #b47926 125%);
	cursor: pointer
}

.trade_page .header .tables_select .options .pool_option .select_btn:hover {
	opacity: .9;
	transform: scale(1.05)
}

.trade_page .header .tables_select .options .pool_option .select_btn view {
	font-size: 1.87em;
	font-weight: bold;
	text-align: center;
	color: #000;
	text-transform: capitalize
}

.trade_page .header .tables_select .options .pool_option .select_btn image {
	width: 1.2em;
	height: 1.5em;
	margin: 0 1.3em 0 3em
}

.trade_page .header .tables_select .footer {
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-bottom: .7em
}

.trade_page .header .tables_select .scrollbar_track {
	box-sizing: border-box;
	width: 18em;
	height: 1.4em;
	left: calc(50% - 10em);
	bottom: 1em;
	border-radius: 1em;
	border: solid .2em rgba(244, 213, 111, .74);
	background-color: #0a0b14;
	margin: 0 1.8em 0
}

.trade_page .header .tables_select .scrollbar_thumb {
	width: 6.5em;
	height: .8em;
	margin: .1em .1em 0;
	position: relative;
	border-radius: 1em;
	background-color: #f4d56f
}

.trade_page .header .tables_select .prev_btn {
	opacity: 1;
	width: 2em;
	height: 2em;
	border-radius: 2.8em;
	border: solid .2em rgba(244, 213, 111, .74);
	background-image: url(../../static/images/common/7b0646c831ced3de3e7c.svg);
	background-size: .8em;
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: 60%;
	transform: rotate(180deg)
}

.trade_page .header .tables_select .prev_btn.disabled {
	opacity: .5
}

.trade_page .header .tables_select .next_btn {
	opacity: 1;
	width: 2em;
	height: 2em;
	border-radius: 2.8em;
	border: solid .2em rgba(244, 213, 111, .74);
	background-image: url(../../static/images/common/7b0646c831ced3de3e7c.svg);
	background-size: .8em;
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: 60%
}

.trade_page .header .tables_select .next_btn.disabled {
	opacity: .5
}

.trade_page .header .tables_select .option {
	padding: .5em;
	cursor: pointer;
	transition: transform .2s;
	opacity: 1;
	margin: 0 .8em
}

.trade_page .header .tables_select .option:hover {
	transform: scale(1.1)
}

.trade_page .header .tables_select .option.selected {
	transform: scale(1.1)
}

.trade_page .header .tables_select .option image {
	width: 17.6em;
	height: 27.4em
}

.trade_page .header .tables_select .option.asset image {
	width: 17.6em;
	height: 25.4em
}

.trade_page .header .tables_select .title {
	font-size: 3.7em;
	height: 1.5em;
	line-height: 1.5em;
	font-weight: 600;
	font-family: "Barlow Semi Condensed";
	font-style: italic;
	letter-spacing: -0.021em;
	text-align: center;
	color: #f4d56f;
	padding: 0;
	margin: 0
}

.trade_page .header .tables_select .close {
	background: rgba(0, 0, 0, 0) url(../../static/images/common/4c1b21232b6eafeab514.svg) center no-repeat;
	background-size: 100% 100%;
	width: 2em;
	height: 2em;
	position: fixed;
	top: 1em;
	right: 1em;
	cursor: pointer;
	opacity: 1;
	transition: all .3s
}

.trade_page .header .tables_select .close:hover {
	opacity: .7
}

.trade_page .header .tables_select .back {
	background: rgba(0, 0, 0, 0) url(../../static/images/common/e3fd208c1cbd9ea085af.svg) center no-repeat;
	background-size: 100% 100%;
	width: 3em;
	height: 2em;
	position: fixed;
	top: 1em;
	left: 1em;
	cursor: pointer;
	opacity: 1;
	transition: all .3s
}

.trade_page .header .tables_select .back:hover {
	opacity: .7
}

.trade_page .header .tables_select.hidden {
	right: -100%
}

.trade_page .header .tables_select.hidden .title {
	left: 100%
}


.trade_page .contents .pool_side .pool .players::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0)
}

.trade_page .contents .pool_side .pool .players::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, .5019607843)
}

.trade_page .contents .pool_side .pool .players .scroll {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: .6em .3em
}

.trade_page .contents .pool_side .pool .players .scroll .player_position {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: start;
	width: 32.5%;
	padding: .9vh 0;
	backface-visibility: visible !important;
	animation: super-flip .9s ease
}

.trade_page .contents .pool_side .pool .players .scroll .player_position .user_avatar {
	width: 2.7em;
	height: 2.7em;
	border-radius: 50%
}

.trade_page .contents .pool_side .pool .players .scroll .player_position .country {
	position: absolute;
	top: .3em;
	right: .6em;
	width: 1.1em;
	height: 1.1em
}

.trade_page .contents .pool_side .pool .players .scroll .player_position .country image {
	width: 100%;
	height: 100%
}

.trade_page .contents .pool_side .pool .players .scroll .player_position .country:after {
	display: block;
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
	background-image: url(../../static/images/common/1b67b1d55fb2664b7912.svg);
	background-size: 100% 100%
}

.trade_page .contents .pool_side .pool .players .scroll .player_position.own {
	animation: .6s ease-in 0s 1 blink_opac_in
}

.trade_page .contents .pool_side .pool .players .scroll .player_position.own .user_avatar {
	box-shadow: 0 0 0 .3em #f4d56f;
	animation: none
}

.trade_page .contents .pool_side .pool .players .scroll .player_position .invest {
	animation: ease-in 1.1s blink_fade_in_out;
	margin-top: .5em;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: 600;
	transition: color .5s
}


.trade_page .contents .pool_side .pool .players .scroll .player_position .invest.flash {
	color: #fff;
	transition: none
}

.trade_page .contents .pool_side .pool .group_result {
	position: absolute;
	top: -0.1em;
	bottom: -0.1em;
	left: -0.1em;
	right: -0.1em;
	border-radius: .75em .75em;
	background-color: rgba(24, 25, 31, .7);
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity .8s;
	color: #787878;
	text-align: center
}

.trade_page .contents .pool_side .pool .group_result.win {
	color: #89d900
}

.trade_page .contents .pool_side .pool .group_result.lose {
	color: #e02e2b
}

@keyframes grow_pulse {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.15)
	}

	100% {
		transform: scale(1)
	}
}

.trade_page .contents .pool_side .pool .group_result text {
	font-size: 3.2em;
	font-weight: 800;
	animation: grow_pulse .9s infinite
}

.trade_page .contents .pool_side .pool .group_result.visible {
	opacity: 1
}

.trade_page .contents .pool_side .pool .auto_trade_select {
	position: absolute;
	top: -0.1em;
	bottom: -0.1em;
	left: -0.1em;
	right: -0.1em;
	border-radius: 0 0 .75em .75em;
	background-color: rgba(12, 13, 19, .9);
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 1em;
	animation: .3s ease-in 0s 1 fade_in
}

.trade_page .contents .pool_side .pool .auto_trade_select .close {
	position: absolute;
	right: .4em;
	top: .2em;
	font-size: 1.5em;
	font-weight: 500;
	color: #fff;
	transform: scale(1, 0.7);
	cursor: pointer;
	opacity: 1;
	transition: opacity .2s
}

.trade_page .contents .pool_side .pool .auto_trade_select .close:hover {
	opacity: .7
}

.trade_page .contents .pool_side .pool .auto_trade_select .title {
	opacity: .7;
	font-size: .9em;
	font-weight: 700;
	color: #fff;
	line-height: 2.6em
}

.trade_page .contents .pool_side .pool .auto_trade_select .option {
	font-size: 2em;
	font-weight: 500;
	line-height: 2em;
	text-align: center;
	width: 2em;
	height: 2em;
	border-radius: 1em;
	border: .05em solid #f4d56f;
	background-color: #18191f;
	cursor: pointer;
	transition: background-color .2s
}

.trade_page .contents .pool_side .pool .auto_trade_select .confirm_texts {
	padding: 1em;
	margin-top: 2em;
	text-align: center
}

.trade_page .contents .pool_side .pool .auto_trade_select .confirm_texts .confirm_text_a {
	font-size: 1.2em
}

.trade_page .contents .pool_side .pool .auto_trade_select .confirm_texts .confirm_text_b {
	font-size: 1em;
	margin-top: .9em;
	color: #999
}

.trade_page .contents .pool_side .pool .auto_trade_select .confirm_texts .confirm_warning {
	font-size: 1em;
	margin-top: .9em;
	color: #e02e2b
}

.trade_page .contents .pool_side .pool .auto_trade_select .confirm_button {
	font-size: 1.2em;
	font-family: "Source Sans Pro";
	padding: .5em 1em;
	border-radius: .3em;
	border: solid .05em rgba(245, 205, 72, .6);
	background-color: rgba(50, 50, 50, 0);
	cursor: pointer;
	transition: all .2s
}

.trade_page .contents .pool_side .pool .auto_trade_select .confirm_button:hover {
	background-color: rgba(50, 50, 50, .5)
}

.trade_page .contents .pool_side .trade_btn {
	height: 4.8em;
	width: 100%;
	border-radius: .9em;
	padding-bottom: 1em;
	margin-top: .8em;
	box-shadow: 0 .2em 0 #212121;
	position: relative;
	cursor: pointer;
	transition: padding-bottom .3s
}

.trade_page .contents .pool_side .trade_btn *::selection {
	background-color: rgba(0, 0, 0, 0)
}

.trade_page .contents .pool_side .trade_btn * {
	pointer-events: none
}

@keyframes blink_fade_out {
	0% {
		opacity: 1
	}

	33% {
		opacity: 0
	}

	100% {
		opacity: .5
	}
}

.trade_page .contents .pool_side .trade_btn[disabled] {
	opacity: .5;
	animation: .5s ease-out 0s 1 blink_fade_out;
	cursor: default
}

@keyframes blink_fade_in {
	0% {
		opacity: .5
	}

	33% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}


.trade_page .contents .pool_side.up .pool .pool_header .title::after {
	background-image: url(../../static/images/common/86dac39d5f591e44768f.svg);
	background-size: 100% 100%
}


@keyframes flash_green {
	0% {
		background-color: rgba(179, 249, 57, .8)
	}

	100% {
		background-color: rgba(24, 25, 31, .9)
	}
}

@keyframes flash_yellow {
	0% {
		background-color: rgba(244, 213, 111, .8)
	}

	100% {
		background-color: rgba(24, 25, 31, .9)
	}
}

.trade_page .contents .trade_center .market .position_timer[tradephase=open] {
	animation: .4s ease-out 0s 1 flash_green
}

.trade_page .contents .trade_center .market .position_timer[tradephase=pending] {
	animation: .4s ease-out 0s 1 flash_yellow
}

.trade_page .contents .trade_center .market .position_timer view {
	width: 9em !important;
	height: 9em !important
}

.trade_page .contents .trade_center .market .position_timer view view {
	width: 9em !important;
	height: 9em !important
}

.trade_page .contents .trade_center .market .position_timer view view {
	width: 100% !important;
	height: 100% !important;
	margin-top: -0.08em;
	font-size: 3.3em;
	font-weight: 500
}

.trade_page .contents .trade_center .market .position_timer .sec {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1.8em;
	display: block;
	font-size: 1.3em;
	font-weight: 500;
	letter-spacing: -0.016em;
	text-align: center;
	color: #f4d56f;
	opacity: .8
}

@keyframes flash_white_text {
	0% {
		color: #f4d56f
	}

	50% {
		color: #fff
	}

	100% {
		color: #f4d56f
	}
}

.trade_page .contents .trade_center .market .position_timer .closing {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2.65em;
	display: block;
	font-size: 1.3em;
	font-weight: 500;
	letter-spacing: -0.016em;
	text-align: center;
	color: #f4d56f;
	padding: 0 1em;
	opacity: .8;
	overflow: hidden;
	animation: .8s linear 0s flash_white_text infinite
}

.trade_page .contents .trade_center .market .graph_area {
	height: calc(100% - 10.2em);
	border-radius: .75em;
	border: solid .1em rgba(244, 213, 111, .56);
	box-shadow: 0 100vh 0 rgba(0, 0, 0, .56) inset;
	position: relative;
	overflow: hidden
}

.trade_page .contents .trade_center .market .graph_area .jackpot {
	color: #fff;
	position: absolute;
	bottom: .5em;
	left: .9em;
	width: 7.8em;
	z-index: 1;
	box-sizing: border-box;
	cursor: pointer;
	font-size: inherit
}

.trade_page .contents .trade_center .market .graph_area .jackpot .top-black {
	position: relative;
	background-color: #0d0d0d;
	color: #f4d56f;
	height: 1.6em;
	border-radius: .3em .3em 0 0;
	line-height: 1.5em;
	padding: 0em 0em 0em .4em
}

.trade_page .contents .trade_center .market .graph_area .jackpot .top-black text {
	font-style: italic;
	font-size: 1.2em
}

.trade_page .contents .trade_center .market .graph_area .jackpot .top-black image {
	position: absolute;
	width: 3.5em;
	height: 2.3em;
	background-image: url(../../static/images/common/154f4aade01748c340d3.png);
	background-repeat: no-repeat;
	background-size: contain;
	top: -0.3em;
	right: .2em
}


.trade_page .contents .trade_center .market .graph_area .invite_friends_box:hover {
	scale: 1.02;
	opacity: .95
}

.trade_page .contents .trade_center .market .graph_area .invite_friends_box image {
	height: 1.8em;
	width: 5.3em
}

.trade_page .contents .trade_center .market .graph_area .vs_motif {
	font-size: 27em;
	font-weight: 500;
	position: absolute;
	top: calc(50% - .55em);
	width: 100%;
	text-align: center;
	opacity: .04;
	line-height: 1em;
	height: 1em;
	color: #f4d56f;
	pointer-events: none
}

.trade_page .contents .trade_center .market .graph_area .asset_image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 9.6em;
	height: 9.6em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: .35em solid rgba(0, 0, 0, 0);
	border-radius: 50%;
	box-shadow: 0 0 0 .35em rgba(249, 186, 0, .2117647059);
	pointer-events: none
}

.trade_page .contents .trade_center .market .graph_area .asset_image image {
	height: 100%;
	width: 100%
}

.trade_page .contents .trade_center .market .graph_area .table_badge {
	position: absolute;
	left: .6em;
	bottom: 3em;
	width: 4.9em;
	height: 2.9em;
	z-index: 2
}

.trade_page .contents .trade_center .market .graph_area .table_badge.table_1 {
	background: rgba(0, 0, 0, 0) url(../../static/images/common/bf99b373750adb317099.png) center bottom no-repeat;
	background-size: 100% auto
}

.trade_page .contents .trade_center .market .graph_area .table_badge.table_2 {
	background: rgba(0, 0, 0, 0) url(../../static/images/common/effad78c37b1d2e1176f.png) center bottom no-repeat;
	background-size: 100% auto
}

.trade_page .contents .trade_center .market .graph_area .table_badge.table_3 {
	background: rgba(0, 0, 0, 0) url(../../static/images/common/c8599ddac90e0d714083.png) center bottom no-repeat;
	background-size: 100% auto
}

.trade_page .contents .trade_center .market .graph_area .table_badge.table_4 {
	background: rgba(0, 0, 0, 0) url(../../static/images/common/64ac2792882f594b12e3.png) center bottom no-repeat;
	background-size: 100% auto
}

.trade_page .contents .trade_center .market .graph_area .table_badge.table_5 {
	background: rgba(0, 0, 0, 0) url(../../static/images/common/b9d3958a3795d2d63e9f.png) center bottom no-repeat;
	background-size: 100% auto
}

.trade_page .contents .trade_center .market .graph_area .table_badge.table_6 {
	background: rgba(0, 0, 0, 0) url(../../static/images/common/4f1234cdf2c745c683bb.png) center bottom no-repeat;
	background-size: 100% auto
}

.trade_page .contents .trade_center .market .graph_area .table_badge.table_7 {
	background: rgba(0, 0, 0, 0) url(../../static/images/common/c37ab3310536d5dac056.png) center bottom no-repeat;
	background-size: 100% auto
}

.trade_page .contents .trade_center .market .graph_area .graph_title {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .9em;
	font-family: "Source Sans Pro";
	font-weight: bold;
	opacity: .15;
	position: absolute;
	bottom: -2.5em
}

@keyframes center_message {
	0% {
		transform: translate(20vw, 5em) scale(2.6);
		color: #fff;
		text-align: center;
		opacity: 1
	}

	20% {
		transform: translate(20vw, 5em) scale(2.6);
		color: #fff;
		text-align: center;
		opacity: 0
	}

	40% {
		transform: translate(20vw, 5em) scale(2.6);
		color: #fff;
		text-align: center;
		opacity: 1
	}

	60% {
		transform: translate(20vw, 5em) scale(2.6);
		color: #fff;
		text-align: center;
		opacity: 0
	}

	80% {
		transform: translate(20vw, 5em) scale(2.6);
		color: #fff;
		text-align: center;
		opacity: 1
	}

	100% {
		transform: translate(0, 0) scale(1);
		color: #f4d56f;
		text-align: left;
		opacity: 1
	}
}

.trade_page .contents .trade_center .market .graph_area .phase_title {
	position: absolute;
	top: .4em;
	left: .7em;
	color: #f4d56f;
	min-width: 13.7vw;
	z-index: 2;
	animation: 1.5s ease-out 0s 1 center_message
}

.trade_page .contents .trade_center .market .graph_area .phase_title text {
	font-size: 1.2em;
	font-weight: bold
}

@keyframes confirmed_message {
	0% {
		opacity: 0
	}

	20% {
		opacity: 1
	}

	30% {
		opacity: 0
	}

	40% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	60% {
		opacity: 1
	}

	70% {
		opacity: 0
	}

	80% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.trade_page .contents .trade_center .market .graph_area .confirmed_phase_message {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(50% - 1em);
	transform: translate(0, -50%);
	text-align: center;
	font-size: 2.5em;
	font-weight: bold;
	color: #fff;
	animation: 1.8s ease-out 0s 1 confirmed_message;
	z-index: 2
}

.trade_page .contents .trade_center .market .graph_area .history_graph {
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 1
}

.trade_page .contents .trade_center .market .graph_area .history_graph view {
	overflow: visible
}

.trade_page .contents .trade_center .market .graph_area .last_results {
	position: absolute;
	bottom: .6em;
	left: 9.7em;
	right: .9em;
	padding: 0;
	z-index: 2
}

.trade_page .contents .trade_center .market .graph_area .last_results .title {
	font-size: .9em;
	font-family: "Source Sans Pro";
	font-weight: bold;
	opacity: .6;
	line-height: 2.2em
}

.trade_page .contents .trade_center .market .graph_area .last_results .results {
	display: flex;
	flex-direction: row-reverse;
	justify-content: start;
	align-items: flex-start;
	height: 2em;
	justify-content: space-between
}

@keyframes open_from_side_green {
	0% {
		background-color: rgba(13, 13, 13, .18);
		width: 0;
		opacity: 0
	}

	25% {
		background-color: rgba(114, 179, 2, .8);
		width: 1.92em;
		opacity: 1
	}

	50% {
		background-color: rgba(59, 94, 0, .5);
		width: 3.84em;
		opacity: 1
	}

	100% {
		background-color: rgba(13, 13, 13, .18);
		width: 3.84em;
		opacity: 1
	}
}

@keyframes open_from_side_red {
	0% {
		background-color: rgba(13, 13, 13, .18);
		width: 0;
		opacity: 0
	}

	25% {
		background-color: rgba(224, 46, 43, .8);
		width: 1.92em;
		opacity: 1
	}

	50% {
		background-color: rgba(112, 23, 22, .5);
		width: 3.84em;
		opacity: 1
	}

	100% {
		background-color: rgba(13, 13, 13, .18);
		width: 3.84em;
		opacity: 1
	}
}

@keyframes open_from_side_gray {
	0% {
		background-color: rgba(13, 13, 13, .18);
		width: 0;
		opacity: 0
	}

	25% {
		background-color: rgba(255, 255, 255, .4);
		width: 1.92em;
		opacity: 1
	}

	50% {
		background-color: rgba(127, 127, 127, .3);
		width: 3.84em;
		opacity: 1
	}

	100% {
		background-color: rgba(13, 13, 13, .18);
		width: 3.84em;
		opacity: 1
	}
}



.trade_page .tutorial_wrap {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #0c0d13;
	z-index: 1000000000
}


.site_menu .close {
	background: rgba(0, 0, 0, 0) url(../../static/images/common/close.svg) center no-repeat;
	background-size: 100% 100%;
	width: 42rpx;
	height: 42rpx;
	position: absolute;
	top: 20rpx;
	right: 20rpx;
	cursor: pointer;
	opacity: 1;
	transition: opacity .2s;
	z-index: 2
}

.site_menu .close:hover {
	opacity: .7
}

.site_menu .profile_link {
	width: 64rpx;
	height: 64rpx;
	background-color: rgba(216, 216, 216, .2);
	border-radius: 32rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .2s;
}

.site_menu .profile_link:hover {
	background-color: rgba(216, 216, 216, .3)
}

.site_menu .profile_link:active {
	background-color: rgba(216, 216, 216, .5);
	transition: none
}

.site_menu .profile_link image {
	width: 36rpx;
	height: 29.2rpx
}

.site_menu .account_box {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding-top: 90rpx;
	text-align: center;
	height: 260rpx;
	z-index: 2
}

.site_menu .account_box .user-balance-wrap {
	position: absolute;
	display: flex;
	flex-direction: column;
	top: 8rpx
}

.site_menu .account_box .user-balance-wrap .amount-wrap .icon-matic {
	line-height: 40rpx;
	margin-top: 22rpx;
}

.site_menu .account_box .user-balance-wrap .amount-wrap {
	display: flex;
	justify-content: space-around;
	position: static;
	line-height: normal;
	font-weight: 500;
	color: #f4d56f;
	transition: color .8s;
	top: 10rpx
}


.site_menu .account_box .user-balance-wrap .amount-wrap .icon-matic:before {
	display: table-cell;
	vertical-align: bottom;
	font-size: 24rpx;
	line-height: 16rpx
}

.site_menu .account_box .user-balance-wrap .amount-wrap .amount {

	line-height: 44rpx
}

.site_menu .account_box .user-balance-wrap .amount-wrap .amount text {
	font-size: 54rpx
}

.site_menu .account_box .change-avatar-txt {
	position: absolute;
	top: 62rpx;
	width: 160rpx;
	color: #fff;
	font-family: "Source Sans Pro";
	font-weight: normal;
	font-size: 26rpx;
	margin-top: 20rpx;
}

.site_menu .account_box .language-container {
	right: 0;
	z-index: 10000;
	position: absolute;
	display: flex;
	flex-direction: column;
	top: 94rpx;
	font-family: "Source Sans Pro";
	font-weight: 600;
	align-items: center;
	border-radius: 32rpx;
	transition: all .2s;
	cursor: pointer
}

.site_menu .account_box .language-container>.flag {
	width: 70rpx;
	height: 70rpx
}

.site_menu .account_box .language-container>.language-container__lang {
	font-size: 18rpx
}

.site_menu .account_box .language-container>.chevron-down {
	transform: rotate(90deg);
	position: absolute;
	right: -30rpx;
	top: 26rpx;
	width: 16rpx;
	height: 16rpx
}

.site_menu .account_box .change-avatar {
	position: absolute;
	top: 132rpx;
	left: 94rpx;
	width: 74rpx;
	height: 74rpx;
	background-color: rgba(12, 13, 19, .1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .2s
}

.site_menu .account_box>navigator:hover,
.site_menu .account_box .change-avatar:hover {
	background-color: rgba(216, 216, 216, .3)
}

.site_menu .account_box>navigator:active,
.site_menu .account_box .change-avatar:active {
	background-color: rgba(216, 216, 216, .5);
	transition: none
}

.site_menu .account_box>navigator.change_pic,
.site_menu .account_box .change-avatar.change_pic {
	left: 0
}

.site_menu .account_box .change_pic {
	width: 40rpx;
	height: 40rpx
}

.site_menu .account_box>navigator.change_details,
.site_menu .account_box .change-avatar.change_details {
	right: 0
}

.site_menu .account_box>navigator.change_details image,
.site_menu .account_box .change-avatar.change_details image {
	width: 30rpx;
	height: 30rpx
}

.site_menu .account_box .image_bubble {
	margin-top: 30rpx;
	position: relative;
	width: 98rpx;
	height: 98rpx;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center
}

.site_menu .account_box .image_bubble .user_avatar {
	width: 74rpx;
	height: 74rpx;
	border-radius: 50%
}

.site_menu .account_box .image_bubble .country {
	position: absolute;
	top: -8rpx;
	right: -8rpx;
	width: 42rpx;
	height: 42rpx
}

.site_menu .account_box .image_bubble .country image {
	width: 40rpx;
	height: 40rpx;
	border-radius: 50%
}

.user_profile_wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
	width: 100%;
	z-index: 10000 !important;
	position: fixed;
	height: 100%;
	overflow: hidden;
	/* height: 100%; */
	background: #000;
}

.user_profile_close_btn {
	position: absolute;
	top: 0rpx;
	right: 0rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.user_profile_close_img {
	height: 60rpx;
	width: 60rpx;
	position: absolute;
	top: 14rpx;
	right: 14rpx;
}

.user_profile_header_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 80%;
}

.user_profile_block {
	margin: 0rpx 40rpx;
	/* width:100%; */
}

.user_profile_imgs {
	display: flex;
	width: 100%;

	flex-wrap: wrap;
	height: 400rpx;
	/* flex-direction: column; */
	justify-content: space-around;
	/* align-items: center; */
}

.user_profile_img_block_pic {
	width: 100rpx;
	height: 100rpx;
	border-radius: 50%;
}

.user_profile_header {
	font-family: Barlow Semi Condensed;
	font-size: 56rpx;
	font-weight: 800;
	padding: 0;
	margin: 0;
	font-stretch: semi-condensed;
	font-style: italic;
	line-height: normal;
	letter-spacing: -0.95px;
	text-transform: uppercase;
	text-align: center;
	color: #f4d56f;
}

.user_profile_form_box {
	margin-top: 0rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 500rpx;
	height: 420rpx;
}

.user_profile_image_box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 180rpx;
	width: 180rpx;
}

.user_profile_user_avatar_img {
	height: 130rpx;
	width: 130rpx;
	border-radius: 50%;
	text-align: center;
	position: relative;
	margin: 0 auto;
}

.user_profile_upload_btn {
	position: absolute;
	bottom: 10rpx;
	right: 10rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60rpx;
	width: 60rpx;
	border-radius: 50%;
	background-color: #d5af4f;
	cursor: pointer;
}

.user_profile_file_input {
	display: none;
}

.user_profile_upload_img {
	height: 60rpx;
	width: 60rpx;
}

.user_profile_form_desc_text {
	margin-top: -80rpx;
	width: 85%;
	font-family: Source Sans Pro;
	font-size: 24rpx;
	font-weight: 500;
	color: silver;
	text-align: center;
}

.user_profile_apply_box {
	height: 80rpx;
	width: 100%;
}

.user_profile_apply_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	cursor: pointer;
	border-radius: 10rpx;
	border: solid 1.2px #f4d56f;
	font-family: "Source Sans Pro";
	font-size: 34rpx;
	font-weight: bold;
	color: #000;
	letter-spacing: normal;
	text-align: center;
	background-image: linear-gradient(96deg, #d99e38 0%, #fff585 15%, #ebbc53 24%, #edc964 54%, #e4b54f 72%, #dfa942 82%, #dda53e 84%, #e1ac43 87%, #eebf50 90%, #fbd35e 93%, #f9d15d 97%, #f4ca58 98%, #eabd50 99%, #dcab45 100%, #c99437 101%, #b47926 102%);
}

.faq_content_wrap {
	display: flex;
	display: block;
	justify-content: center;
	width: 100%;
	background-color: #0c0d13;
	flex-grow: 1;
	overflow-y: auto;
}

.faq_content_wrap .faq_content {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	overflow-y: auto;
	position: relative;
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	z-index: 1;
	height: 100%;
	overflow: initial;
}

.faq_content_row {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.faq_content_row:not(:last-child) {
	margin-bottom: 0.3em;
}

.faq_content_header {

	cursor: pointer;
	background: #212a36 !important;
}

.faq_content_header_desc {
	font-family: "SF UI Display", sans-serif;
	color: #f4d56f !important;
	font-weight: 300;
	font-size: 30rpx !important;
	width: 100%;
	background: #212a36;
	text-align: left;
}

.faq_header_list {
	position: relative;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 98%;
	height: 50%;
	padding: 0 1em 0.9em 1em;
}

.faq_header {
	width: 100%;
	height: 230rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: linear-gradient(to right, #866314 0%, #E2AB23 62%, #D39E1E 70%, #ab811f 100%);
}

.faq_header_current_list {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 5;
	position: relative;
	width: 35.1em;
	height: 3.2em;
	border-radius: 0.5em;
	border: solid 0.1em #ffe99e;
	background-color: #f4d56f;
	cursor: pointer;
}

.faq-mobile-dropdown {
	position: relative;
	width: 86%;
	height: 20rpx;
	margin: 0 auto;
	font-family: "SF UI Display", sans-serif;
	text-align: center;
	/* z-index: 2; */
	flex-grow: 1;
}

.down_header {
	width: 100%;
	height: 100rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: linear-gradient(to right, #866314 0%, #E2AB23 62%, #D39E1E 70%, #ab811f 100%);
}

.mobile-dropdown-wrap {
	position: relative;
}

.faq-active-category {
	height: 70rpx;
	background: #f4d56f;
	border: solid 4rpx #e4c363;
	color: #000;
	position: relative;
	border-radius: 8rpx;
	line-height: 70rpx;
}

.faq-active-category::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 4rpx;
	width: 50rpx;
	height: 50rpx;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../../static/images/common/a45baa224926d6fc3227.svg);
	transform: translateY(-50%);
	transition: transform .2s ease;
}

.faq-categories {

	width: 100%;
	display: flex;
	flex-direction: column;
	background: #0d0d14;
	border: 4rpx solid #f4d56f;
	border-radius: 8rpx;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.list-bg {
	background: none !important;
	color: #fff !important;
}

.wallet_image_wrap {
	margin-top: 200rpx;
}

.page_icon_wallet {
	width: 100rpx;
	height: auto;
	height: 100rpx;
	margin: 60rpx auto 0 auto;
}

.hidden {
	display: none !important;
}

.faq-category {
	height: 90rpx;
	width: 100%;
	line-height: 90rpx;
	font-weight: 300;
}

.faq_content_content_desc {
	font-family: "SF UI Display", sans-serif;
	color: #c6c6c6;
	text-align: left;
	font-weight: 300;
	font-size: 30rpx;
	width: 95%;
	line-height: 40rpx;
	background: #253042;
	padding: 30rpx
}

.faq_content_header_arr,
.faq_content_content_arr {
	background: rgba(0, 0, 0, 0) url(../../static/images/common/738705b49eb70e2a4c33.svg) center no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	position: absolute;
	right: 1em;
	min-width: auto;
	min-height: auto;
	width: 1.2em;
	height: 1.4em;
	margin: 0;
	transition: transform .3s ease;
}

.site_menu .account_box .image_bubble .country:after {
	display: block;
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
	background-image: url(../../static/images/common/20044f439c20172fb0d4.svg);
	background-size: 100% 100%
}

.site_menu .account_box .image_bubble .address_row {
	margin-bottom: -40rpx;
	display: flex;
	align-items: center
}

.site_menu .account_box .image_bubble .address {
	font-size: 28rpx;
	color: #fff;
	/* font-weight: 600; */
	margin-right: -8rpx;
	margin-top: 20rpx;
	font-family: "Source Sans Pro";

}

.site_menu .account_box .image_bubble .arrow_down {
	width: 20rpx;
	height: 20rpx;
	transform: rotate(90deg)
}

.site_menu .account_box .user_name {
	font-family: "Source Sans Pro";
	font-size: 34rpx;
	font-weight: 600;
	color: #fff
}

.site_menu .account_box .balance_amount {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -2rpx;
	width: 200rpx;
	height: 65rpx;
	font-weight: 500;
	color: #f4d56f;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/balance_amount.svg) center no-repeat;
	background-size: 100% 100%;
	line-height: 30rpx
}

.site_menu .account_box .balance_amount .balance-title {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -32rpx;
	color: #fff;
	font-family: "Source Sans Pro";
	opacity: .7;
	letter-spacing: 1.94rpx;
	font-size: inherit;
	font-weight: 400;
	text-align: center;
	letter-spacing: 1rpx;
	position: static;
	margin: 0;
	line-height: normal
}

.site_menu .account_box .balance_amount .balance-title text {
	font-size: 10rpx
}

.site_menu .account_box .balance_amount .balance_amount_wallet_connect {
	width: 240rpx;
	height: 65rpx;
	cursor: pointer;
	opacity: 1;
	transition: opacity .2s;
	font-size: 52rpx;
	position: absolute;
	top: 10rpx
}

.site_menu .account_box .balance_amount .balance_amount_wallet_connect:hover {
	opacity: .6
}

.site_menu .trade_link {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 2;
	border-radius: 10rpx;
	border: solid 3rpx rgba(244, 213, 111, .7);
	background-color: rgba(12, 13, 19, .05);
	font-size: 28rpx;
	font-weight: bold;
	color: #f4d56f;
	top: 10rpx;
	left: calc(50% + 10em);
	min-width: 168rpx;
	width: auto;
	text-align: center;
	padding: 0 6rpx;
	height: 40rpx;
	word-break: break-word;
	line-height: 18rpx;
	transition: all .2s
}

.site_menu .trade_link:hover {
	border-color: #f4d56f;
	background-color: rgba(12, 13, 19, .164)
}

.site_menu .links_scroll_langs {
	height: calc(100% - 100rpx);
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20rpx 0;
	position: relative;
	z-index: 2;
	background-color: #31200f;
	border-radius: 20rpx 20rpx 0 0
}

.site_menu .links_scroll {
	/* height: calc(100% - 100rpx); */
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	padding: 20rpx 0rpx;
	position: relative;
	margin-top: 60rpx;
	z-index: 2;
	background-color: #31200f;
	border-radius: 60rpx 60rpx 0 0
}

.links_scroll_box {
	width: auto;
	padding: 0 50rpx;
}

.site_menu .links_scroll::-webkit-scrollbar {
	width: 10rpx
}

.site_menu .links_scroll::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0)
}

.site_menu .links_scroll::-webkit-scrollbar-thumb {
	background: #61481b;
	border-radius: 5rpx
}

.site_menu .links_scroll::-webkit-scrollbar-thumb:hover {
	background: #272832
}

.site_menu .links_scroll .page_link {
	display: block;
	position: relative;
	/* width: 620rpx; */
	height: 48rpx;
	padding: 20rpx 0 20rpx 86rpx;
	font-family: "Source Sans Pro";
	font-size: 38rpx;
	font-weight: 500;
	color: #fefefe;
	text-align: left;
	transition: all .2s
}

.page_link_title {
	font-size: 36rpx;
}

.site_menu .links_scroll .page_link::before {
	display: block;
	content: " ";
	position: absolute;
	height: 34rpx;
	width: 34rpx;
	top: 50%;
	left: 0;
	background-color: #000;
	transform: translateY(-50%)
}

.site_menu .links_scroll .sound_row .title {
	font-family: "Source Sans Pro";
	font-size: 28rpx;
	font-weight: 500;
	color: #fff;
	font-size: 38rpx
}


.site_menu .links_scroll .page_link::after {
	display: block;
	content: " ";
	position: absolute;
	top: calc(50% - 8.66rpx);
	right: 10rpx;
	background: rgba(0, 0, 0, 0) url(../../static/images/common/738705b49eb70e2a4c33.svg) center no-repeat;
	background-size: 100% 100%;
	width: 21rpx;
	height: 34rpx;
	transition: all .2s
}

.site_menu .links_scroll .page_link:hover {
	color: #aaa
}

.site_menu .links_scroll .page_link:hover::after {
	right: 0rpx
}

.site_menu .links_scroll .page_link.active {
	color: #f4d56f
}

.site_menu .links_scroll .page_link.active::after {
	background: #f4d56f;
	height: 16rpx;
	width: 16rpx;
	border-radius: 8rpx
}

.site_menu .links_scroll .page_link.active:hover {
	color: #f4d56f
}

.site_menu .links_scroll .page_link.active:hover::after {
	right: 10rpx
}

.site_menu .links_scroll .page_link.leaderboard::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/leaderboard.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .page_link.treasury::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/treasury.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .page_link.open_trades::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/open_trades.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .page_link.my_stats::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/my_stats.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .page_link.trades_history::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/trades_history.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .page_link.share_links::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/share_links.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .page_link.share::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/share.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .page_link.share_report::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/share_report.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .page_link.wallet::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/wallet.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .page_link.about::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/about.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .page_link.faq::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/faq.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .page_link.tutorial::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/tutorial.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .page_link.aff_tutorial::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/aff_tutorial.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .page_link.contact_support::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/contact_support.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .page_link.privacy_policy::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/privacy_policy.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .page_link.contact::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/contact.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .page_link.partners::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/partners.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .page_link.jackpot_weekly::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/jackpot_weekly.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .page_link.jackpot_monthly::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/jackpot_monthly.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .page_link.jackpot_history::before {
	width: 54rpx;
	height: 54rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/jackpot_history.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .cat_title {
	/* width: 680rpx; */
	/* width:100%; */
	/* padding-left: 100rpx; */
	text-align: left;
	line-height: 110rpx;
	font-family: "Source Sans Pro";
	font-size: 40rpx;
	font-weight: 500;
	color: #f4d56f
}

.site_menu .links_scroll .bottom_logo {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.site_menu .links_scroll .sound_row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 614rpx;
	height: 90rpx;
	padding: 20rpx 0 20rpx 86rpx;
	margin-bottom: 20rpx;
	position: relative
}

.site_menu .links_scroll .sound_row::before {
	display: block;
	content: " ";
	position: absolute;
	height: 57rpx;
	width: 57rpx;
	top: calc(50% - 28.5rpx);
	left: 0;
	background-color: #000
}

.site_menu .links_scroll .sound_row.sound_effects::before {
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/sound_effects.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .sound_row.voiceover::before {
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/voiceover.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .sound_row.background_music::before {
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/background_music.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .sound_row .title {
	font-family: "Source Sans Pro";
	font-size: 30rpx;
	font-weight: 600;
	color: #fff
}

.site_menu .links_scroll .sound_row .switch {
	font-family: "Source Sans Pro";
	font-size: 30rpx;
	font-weight: 600;
	color: #fff;
	padding-right: 60rpx;
	position: relative;
	cursor: pointer
}

.site_menu .links_scroll .sound_row .switch::before {
	position: absolute;
	content: " ";
	display: block;
	transition: all .2s;
	width: 49.4rpx;
	height: 28rpx;
	border-radius: 14rpx;
	top: 0;
	right: 0;
	background-color: #4b3e11
}

.site_menu .links_scroll .sound_row .switch::after {
	position: absolute;
	content: " ";
	display: block;
	transition: all .2s;
	width: 25.2rpx;
	height: 25.2rpx;
	box-shadow: 0 2rpx 4rpx 0 rgba(101, 101, 101, .33);
	background-color: #cecdcd;
	top: 1.4rpx;
	right: 23rpx;
	border-radius: 12.6rpx
}

.site_menu .links_scroll .sound_row .switch:hover::before {
	background-color: #685617
}

.site_menu .links_scroll .sound_row .switch:hover::after {
	background-color: #fff
}

.site_menu .links_scroll .sound_row .switch.on::before {
	background-color: #d4af37
}

.site_menu .links_scroll .sound_row .switch.on:hover::before {
	background-color: #e6c96a
}

.site_menu .links_scroll .sound_row .switch.on::after {
	right: 1.4rpx
}

.site_menu .links_scroll .logout {
	display: block;
	font-family: "Source Sans Pro";
	/* font-size: 30rpx; */
	padding-left: 80rpx;

	color: #fff;
	text-align: left;
	transition: all .2s;
	cursor: pointer;
	position: relative
}

.site_menu .links_scroll .logout:hover {
	color: #aaa
}

.site_menu .links_scroll .logout::before {
	display: block;
	content: " ";
	position: absolute;
	height: 54rpx;
	width: 54rpx;
	/* top: calc(50% - 19rpx); */
	left: 0;
	background: rgba(0, 0, 0, 0) url(../../static/images/common/a32489f62166ddc22275.svg) center no-repeat;
	background-size: 100% 100%
}

.site_menu .links_scroll .playnance_logo {
	margin-top: 40rpx;
	width: 120rpx;
	height: 120rpx;
	cursor: pointer
}

.site_menu .links_scroll .version_text {
	margin: 10rpx;
	font-family: "Source Sans Pro";
	font-weight: 600;
	font-size: 36rpx;
	line-height: 33.4rpx;
	color: #f9f8ff
}

.trade_history_list {
	display: flex;
	flex-direction: column;
	height: calc(100% - 276rpx);
	/* width: 100%; */
	padding: 0 20rpx;
	margin-top: 0rpx;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	z-index: 2;

}

.trade_history_list .history_loader_wrap {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.trade_history_list .history_loader_wrap image {
	width: 16.5rpx;
	height: 82.4rpx
}

.table_page {
	position: relative
}

.table_page .trade_history_page_btn {
	cursor: pointer;
	width: 44rpx;
	height: 44rpx;
	border-radius: 4rpx;
	display: flex;
	justify-content: center;
	align-items: center
}

.table_page .trade_history_page_btn:hover {
	opacity: .8
}

.table_page .trade_history_page_alert_box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%
}

.table_page .trade_history_page_alert_msg {
	text-shadow: 0 0.4rpx 0.8rpx rgba(0, 0, 0, .5), 0 0.4rpx 0.8rpx rgba(0, 0, 0, .5);
	font-family: "Barlow Semi Condensed", sans-serif;
	font-size: 80rpx;
	font-weight: 600;
	font-style: italic;
	letter-spacing: -0.238rpx;
	text-align: center;
	color: #fff;
	padding: 0;
	margin: 0
}

.table_page .trade_history_page_alert_msg_rotate {
	transform: rotate(90deg)
}

.table_page .refresh_blockchain_btn {
	position: absolute;
	top: 20rpx;
	right: 100rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 5;
	width: 284rpx;
	height: 68rpx;
	border-radius: 12.6rpx;
	border: solid 4rpx rgba(244, 213, 111, .7);
	background-color: rgba(12, 13, 19, .1);
	cursor: pointer
}

.table_page .refresh_blockchain_btn:hover {
	scale: 1.02
}

.table_page .refresh_blockchain_btn view {
	text-align: center;
	color: #f4d56f;
	line-height: 20rpx;
	font-weight: bold;
	font-size: 28rpx
}

.table_page .table_header {
	height: 52rpx;
	opacity: .8;
	border-radius: 40rpx 40rpx 0 0;
	background-color: #0c0d13;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 160rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	z-index: 2
}

.table_page .table_header .th {
	font-size: 22rpx;
	font-weight: 500;
	color: #f4d56f;
	transition: all .2s;
	line-height: 52rpx;
	box-sizing: border-box;
	padding: 0 10rpx;
	text-align: center
}

.table_page .table_header .th.sortable {
	cursor: pointer
}

.table_page .table_header .th.sortable:hover {
	color: #faeab6;
	background-color: rgba(216, 180, 62, .2)
}

.table_page .table_header .th.sortable:active {
	color: #fff;
	transition: none;
	background-color: rgba(216, 180, 62, .3)
}

.table_page .table_header .th.sortable::after {

	content: " ";
	width: 9rpx;
	height: 18rpx;
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/sortable_after.png) center no-repeat;
	background-size: auto 100%;
	vertical-align: middle;
	margin-left: 6rpx
}

.table_page .table_header .th.sorter::after {
	background: rgba(0, 0, 0, 0) url(/static/images/entryscreen/sorter_after.png) center no-repeat;
	background-size: auto 100%
}

.table_page .table_header .th.desc::after {
	transform: scale(1, -1)
}

.table_page .table_body_expand {
	height: calc(100% - 272rpx)
}

.table_page .table_body {
	overflow-y: auto;
	width: 100%;
	height: calc(100% - 212rpx);
	margin-top: 12rpx;
	position: relative;
	z-index: 1
}

.table_page .table_body::-webkit-scrollbar {
	width: 10rpx
}

.table_page .table_body::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0)
}

.table_page .table_body::-webkit-scrollbar-thumb {
	background: #18191f;
	border-radius: 5rpx
}

.table_page .table_body::-webkit-scrollbar-thumb:hover {
	background: #272832
}

.table_page .table_body .tr {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	position: relative
}

.table_page .table_body .tr:not(:last-child) {
	margin-bottom: 5rpx
}

.table_page .table_body .tr>* {
	position: relative;
	z-index: 1
}

.leaderboard_page {
	position: relative
}

.trade_history_page {
	position: relative
}

.trade_history_page .table_header {
	display: flex;
	justify-content: flex-start
}

.trade_history_page .table_header .th.table_id {
	width: 12%
}

.trade_history_page .table_header .th.date {
	width: 18%
}

.trade_history_page .table_header .th.pool {
	width: 15%
}

.trade_history_page .table_header .th.investment {
	width: 19%;
	text-align: center
}

.trade_history_page .table_header .th.type {
	width: 16%;
	text-align: center
}

.trade_history_page .table_header .th.hash_details {
	text-align: center;
	width: 20%
}

.trade_history_page .positions_list {
	width: 99.9%
}

.trade_history_page .positions_list::-webkit-scrollbar {
	width: 8rpx;
	height: 380rpx
}

.trade_history_page .positions_list::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0)
}

.trade_history_page .positions_list::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, .7);
	border-radius: 5rpx;
	height: 180rpx
}

.trade_history_page .positions_list::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, .35)
}

.trade_history_page .positions_list .position {
	background-color: #3b260f;
	display: flex;
	justify-content: flex-start
}

.trade_history_page .positions_list .position .hash_details {
	display: flex;
	justify-content: flex-end;
	width: 20%
}

.trade_history_page .positions_list .position .hash_details .hash_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 220rpx;
	height: 48rpx;
	border-radius: 4rpx;
	border: solid 2rpx #0aedff;
	background-color: #000;
	cursor: pointer
}

.trade_history_page .positions_list .position .hash_details .hash_btn:hover {
	opacity: .8
}

.trade_history_page .positions_list .position .hash_details .hash_btn view {
	font-family: "SF UI Display", sans-serif;
	font-size: 20rpx;
	font-weight: bold;
	color: #fff
}

.trade_history_page .positions_list .position .td {
	line-height: 64rpx;
	color: #f4d56f;
	transition: all .2s;
	box-sizing: border-box;
	font-family: "Barlow Semi Condensed", sans-serif;
	font-size: 24rpx;
	font-weight: 500;
	color: #f4d56f
}

.trade_history_page .positions_list .position .td.id {
	padding-left: 24rpx;
	width: 12%
}

.trade_history_page .positions_list .position .td.time {
	padding-left: 10rpx;
	width: 16.1%
}

.trade_history_page .positions_list .position .td.pool {
	padding-left: 10rpx;
	width: 15.1%
}

.trade_history_page .positions_list .position .td.investment {
	padding-right: 10rpx;
	font-size: 28rpx;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 19%
}

.trade_history_page .positions_list .position .td.investment .direction {
	width: 32rpx;
	height: 25.2rpx
}

.trade_history_page .positions_list .position .td.investment .investment_amt {
	margin-left: 10rpx
}

.trade_history_page .positions_list .position .td.type {
	font-size: 28rpx;
	width: 16%;
	padding-left: 10%;
	text-align: left
}

.trade_history_page .positions_list .position .td.id_time {
	font-size: 24rpx;
	width: 10%;
	line-height: 20rpx;
	padding: 5rpx 10rpx
}

.trade_history_page .positions_list .position .td.table_asset {
	width: 12%;
	font-size: 28rpx;
	line-height: 24rpx;
	padding: 4rpx 8rpx
}

.trade_history_page .positions_list .position .td.invest_dir {
	width: 18%;
	display: flex;
	flex-direction: row;
	align-items: center
}

.trade_history_page .positions_list .position .td.invest_dir .direction {
	width: 24.6rpx;
	height: 17.6rpx;
	margin-right: 15rpx
}

.trade_history_page .positions_list .position .td.source {
	width: 9%
}

.trade_history_page .positions_list .position .td.entry_rate {
	width: 14%
}

.trade_history_page .positions_list .position .td.expiry_rate {
	width: 14%
}

.trade_history_page .positions_list .position .td.result {
	width: 23%;
	display: flex;
	flex-direction: row
}

.trade_history_page .positions_list .position .td.result.won {
	color: #89d900
}

.trade_history_page .positions_list .position .td.result.lost {
	color: #e02e2b
}

.trade_history_page .positions_list .position .td.result.tie {
	color: #999
}

.trade_history_page .positions_list .position .td.result .result_name {
	width: 28%
}

.trade_history_page .positions_list .position .td.result .profit {
	width: 72%;
	text-align: right
}

.open_trades_page .table_header .th.time {
	width: 10%;
	padding-left: 20rpx
}

.open_trades_page .table_header .th.table_id {
	width: 12%
}

.open_trades_page .table_header .th.investment {
	width: 20%
}

.open_trades_page .table_header .th.source_id {
	width: 13%
}

.open_trades_page .table_header .th.entry_rate {
	width: 15%
}

.open_trades_page .table_header .th.current_rate {
	width: 15%
}

.open_trades_page .table_header .th.expiry_time {
	width: 13%
}

.open_trades_page .positions_list::-webkit-scrollbar {
	width: .5em
}

.open_trades_page .positions_list::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0)
}

.open_trades_page .positions_list::-webkit-scrollbar-thumb {
	background: #18191f;
	border-radius: .25em
}

.open_trades_page .positions_list::-webkit-scrollbar-thumb:hover {
	background: #272832
}

@keyframes position_open {
	0% {
		height: 0
	}

	100% {
		height: 4.2em
	}
}

.open_trades_page .positions_list .position {
	animation: .5s ease-in 0s 1 position_open;
	align-items: center;
	background-color: #3b260f;
	overflow: hidden;
	height: 4.2em;
	transition: background-color .3s, transform 1s, height 1s ease-in 4s, margin 1s ease-in 4s
}

.open_trades_page .positions_list .position.winning {
	background-color: #24350f
}

.open_trades_page .positions_list .position.winning .result {
	background-color: #24350f
}

.open_trades_page .positions_list .position.losing {
	background-color: #61191c
}

.open_trades_page .positions_list .position.losing .result {
	background-color: #61191c
}

.open_trades_page .positions_list .position .td {
	font-size: 1.7em;
	font-weight: 500;
	line-height: 2.4em;
	height: 2.4em;
	color: #f4d56f;
	transition: all .2s;
	box-sizing: border-box;
	padding: 0 .4em
}

.open_trades_page .positions_list .position .td.id_time {
	font-size: 1.4em;
	width: 10%;
	line-height: 1.2em;
	padding: 0 .5em
}

.open_trades_page .positions_list .position .td.table_asset {
	width: 12%;
	font-size: 1.4em;
	line-height: 1.2em;
	padding: 0 .4em
}

.open_trades_page .positions_list .position .td.invest_dir {
	width: 20%;
	display: flex;
	flex-direction: row;
	align-items: center
}

.open_trades_page .positions_list .position .td.invest_dir .direction {
	width: 1.23em;
	height: .88em;
	margin-right: .75em
}

.open_trades_page .positions_list .position .td.source {
	width: 14%
}

.open_trades_page .positions_list .position .td.entry_rate {
	width: 15%
}

.open_trades_page .positions_list .position .td.current_rate {
	width: 15%
}

.open_trades_page .positions_list .position .td.expiry_time {
	width: 13%;
	text-align: right
}

.open_trades_page .positions_list .position .result {
	transition: all .5s linear .5s;
	background-color: #3b260f;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	font-size: 3em;
	color: #d1a93a;
	font-weight: 600;
	font-style: italic;
	text-align: center;
	transform: scale(-1, 1);
	text-shadow: -0.015em -0.015em 0 #f4d56f, .015em -0.015em 0 #f4d56f, -0.015em .015em 0 #f4d56f, .015em .015em 0 #f4d56f, 0 .1em .13em rgba(0, 0, 0, .7)
}

.open_trades_page .positions_list .position.expired {
	transform: scale(-1, 1);
	height: 0;
	margin-bottom: 0
}

.open_trades_page .positions_list .position.expired .result {
	opacity: 1
}

.text_page .content_wrap {
	height: calc(100% - 10em);
	width: 100%;
	background-color: #3b260f;
	border-radius: 2em 2em 0 0
}

.text_page .content_wrap::-webkit-scrollbar {
	width: .5em
}

.text_page .content_wrap::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0)
}

.text_page .content_wrap::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, .3);
	border-radius: .25em
}

.text_page .content_wrap::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, .5)
}

.text_page .content_wrap .content {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 1em 2em;
	height: 100%;
	overflow-y: scroll;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	z-index: 1
}

.text_page .content_wrap .content::-webkit-scrollbar {
	width: .5em
}

.text_page .content_wrap .content::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0)
}

.text_page .content_wrap .content::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, .3);
	border-radius: .25em
}

.text_page .content_wrap .content::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, .5)
}

.text_page .content_wrap .content .logo {
	width: 26.5em;
	height: 6.4em
}

.text_page .content_wrap .content .text_content {
	font-family: "Source Sans Pro";
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.43em;
	text-align: center;
	color: #f4d56f
}

.add_link_btn {
	height: 80rpx;
	background: #f4d56f;
	border: solid .2rem #e4c363;
	color: #000;
	border-radius: .2rem;
	line-height: 80rpx;
	font-family: "SF UI Display", sans-serif;
	font-weight: bold;
	padding: 0rem 2rem;
	font-size: 30rpx;
	position: absolute;
	top: 170rpx;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	min-width: 220rpx;
	text-align: center
}

.add_link_btn:hover {
	transform: translateX(-50%);
	border-color: #e4c363
}

.affiliate_page .top_link {
	display: block;
	position: absolute;
	display: flex;
	align-items: flex-start;
	justify-content: space-evenly;
	top: .6em;
	width: 8.6em;
	height: 4em;
	font-weight: bold;
	font-family: "Source Sans Pro";
	text-align: center;
	line-height: 2em;
	transition: all .2s;
	cursor: pointer;
	z-index: 1
}

.affiliate_page .top_link.left {
	left: 5em
}

.affiliate_page .top_link.right {
	right: 5em;
	display: flex;
	align-items: "center";
	width: 25%
}

.affiliate_page .top_link.right .link_btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.affiliate_page .top_link.right .link_btn_img_box {
	width: 3.5em;
	height: 2.4em;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .4em;
	border: solid .1em rgba(244, 213, 111, .7);
	background-color: rgba(37, 31, 20, .5)
}

.affiliate_page .top_link.right .link_btn_img_box:hover {
	scale: 1.02
}

.affiliate_page .top_link.right .link_btn_image_box image {
	height: 100%
}

.affiliate_page .top_link.right .link_btn_image_box_active {
	width: 3.4em;
	height: 2.4em;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .4em;
	border: solid .1em rgba(255, 255, 255, .7);
	background-color: #251f14
}

.affiliate_page .top_link.right .link_btn_image_box_active image {
	height: 100%
}

.affiliate_page .top_link.right .link_btn_content {
	font-family: "SF UI Display", sans-serif;
	color: rgba(255, 255, 255, .7019607843);
	font-size: .7em;
	font-weight: 600;
	line-break: auto;
	line-height: 1em;
	margin: .5em 0em 0em 0em
}

.affiliate_page .top_link.right .link_btn_content_active {
	font-family: "SF UI Display", sans-serif;
	color: #fff;
	font-size: .7em;
	font-weight: 600;
	line-break: 1em;
	line-height: 1em;
	margin: .5em 0em 0em 0em
}

.affiliate_tutorial {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100vh;
	box-sizing: border-box
}

.affiliate_tutorial .step_counter {
	width: 7.2em;
	height: 7em;
	position: absolute;
	top: 1.7em;
	left: 2.2em
}

.trade_history_page .page_title {
	text-align: center;
	font-size: 70rpx;
	font-weight: bold;
	color: #f4d56f;
	line-height: 140rpx;
	padding: 10rpx 20rpx 0;
	box-sizing: border-box
}

.affiliate_tutorial.step1 .tiers {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: center;
	margin-top: 3em
}

.affiliate_tutorial.step1 .tiers .tier {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	margin: 0 5em;
	position: relative
}

.affiliate_tutorial.step1 .tiers .tier .arrow {
	position: absolute;
	top: calc(50% - 1em);
	width: 3em;
	height: 3.4em;
	left: -6.5em
}

.affiliate_tutorial.step1 .tiers .tier .icon {
	width: 6.4em;
	height: 3.7em
}

.affiliate_tutorial.step1 .tiers .tier.tier0 .icon {
	width: 5em;
	height: 4.4em;
	margin-bottom: .5em
}

.affiliate_tutorial.step1 .tiers .tier .percent {
	font-weight: 600;
	color: #fff;
	font-size: 5em
}

.affiliate_tutorial.step1 .tiers .tier .name {
	font-weight: 500;
	color: #fff;
	font-size: 1.5em;
	font-family: "Source Sans Pro"
}

.affiliate_tutorial .general_desc {
	font-weight: 500;
	color: #f4d56f;
	font-size: 1.4em;
	font-family: "Source Sans Pro";
	text-align: center;
	padding: 2em 3.5em 0;
	box-sizing: border-box
}

.affiliate_tutorial .next_btn_wrap .next_btn {
	position: static;
	width: 80%;
	height: 90rpx;
	line-height: 90rpx;
	margin: 100rpx auto 20rpx auto;
	padding: 0 1rem;
	border: 0;
	border-radius: 20rpx;
	font-size: 40rpx;
	font-weight: 700;
	font-family: "SF UI Display", "sans-serif";
	box-shadow: inset 0 0 0 0.2rem #f4d56f;
	background-image: linear-gradient(101deg, #d99e38 -29%, #fff585 -6%, #ebbc53 6%, #edc964 52%, #e4b54f 79%, #dfa942 95%, #dda53e 98%, #e1ac43 101%, #eebf50 107%, #fbd35e 111%, #f9d15d 116%, #f4ca58 119%, #eabd50 120%, #dcab45 122%, #c99437 123%, #b47926 125%);
	color: #000;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
	transition: all .2s;
	opacity: 1;
}

.affiliate_tutorial .next_btn_wrap .next_btn:hover {
	opacity: .8;
	background-color: rgba(225, 225, 225, .1)
}

.affiliate_tutorial.step2 {
	padding-top: 8em
}

.affiliate_tutorial.step2 .general_desc {
	margin-top: 2em
}

.affiliate_tutorial.step3 {
	padding-top: 8.8em
}

.affiliate_tutorial.step3 .general_desc {
	margin-top: 2em
}

.affiliate_tutorial .page_icon {
	margin: 0 auto 0;
	display: block
}

.affiliate_tutorial .page_icon.wallet {
	width: 7em;
	height: 7em
}

.affiliate_tutorial .page_icon.share_link {
	width: 11.7em;
	height: 6.2em
}

.affiliate_dashboard_page .page_header .header_center view {
	/* margin-top: 6rpx !important */
}


.affiliate_dashboard_page .totals .total_block .title {
	font-family: "Source Sans Pro";
	font-size: 24rpx;
	font-weight: 600;
	color: #918b85
}



/* .affiliate_dashboard_page .tiers {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 20rpx 0;
	padding: 0 10rpx
} */

.affiliate_dashboard_page .tiers .tier_block .icon {
	width: 80rpx;
}


.affiliate_report_page .page_header .header_center view {
	margin-top: 6rpx !important
}

.affiliate_report_page .table_header {
	display: flex;
	justify-content: flex-start
}

.affiliate_report_page .table_header .th {
	width: 14%;
	text-align: center
}

.affiliate_report_page .table_header .th.header_right {
	width: 12%;
	display: flex;
	align-items: center;
	justify-content: center
}

.affiliate_report_page .table_header .th.date {
	width: 14%;
	text-align: center
}

.affiliate_report_page .table_header .th.perTier1,
.affiliate_report_page .table_header .th.perTier2,
.affiliate_report_page .table_header .th.perTier3 {
	width: 14.5%
}

.affiliate_report_page .table_header .th.totalAmount {
	width: 14.5%
}

.affiliate_report_page .table_header .th.tier1_profit,
.affiliate_report_page .table_header .th.tier2_profit,
.affiliate_report_page .table_header .th.tier3_profit {
	text-align: center
}

.affiliate_report_page .table_header .th.total_profit {
	width: 15%;
	text-align: right;
	padding-right: 1%
}

.affiliate_report_page .table_header .th.status_id {
	width: 15%;
	text-align: right;
	padding-right: 2%
}

.affiliate_report_page .table_header .th.status_id::after {
	margin-left: .8em
}

.affiliate_report_page .earnings_list .earning_record {
	background-color: #3b260f;
	display: flex;
	justify-content: flex-start;
	padding: .7em 0
}

.affiliate_report_page .earnings_list .earning_record .td_btn_right {
	width: 14%;
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.affiliate_report_page .earnings_list .earning_record .td_btn_right .btn_wrap {
	padding: 0 .6em;
	height: 2.4em;
	border-radius: .2em;
	border: solid .1em #0aedff;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #000;
	cursor: pointer;
	margin: 0 auto;
	box-sizing: border-box
}

.affiliate_report_page .earnings_list .earning_record .td_btn_right .btn_wrap .btn {
	color: #fff;
	outline: none
}

.affiliate_report_page .earnings_list .earning_record .td.time {
	width: 14%;
	text-align: center
}

.affiliate_report_page .earnings_list .earning_record .td.tier1,
.affiliate_report_page .earnings_list .earning_record .td.tier2,
.affiliate_report_page .earnings_list .earning_record .td.tier3 {
	width: 14.5%;
	text-align: center
}

.affiliate_report_page .earnings_list .earning_record .td.total {
	width: 14.5%;
	text-align: center
}

.affiliate_report_page .earnings_list .earning_record .td.status {
	width: 14%;
	text-align: center
}

.affiliate_report_page .earnings_list .earning_record .td.status.paid {
	color: #87d009
}

.affiliate_links_page .loader_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 10;
	background: rgba(0, 0, 0, .7019607843);
	width: 100%;
	height: 100%
}

.affiliate_links_page .loader_wrap image {
	width: 8.25em;
	height: 4.12em
}

.affiliate_links_page .counter_row {
	position: absolute;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	left: 1em;
	top: 7.5em;
	z-index: 2
}

.affiliate_links_page .counter_row .links_count {
	margin-left: .8em;
	font-size: 1.9em;
	font-weight: 500;
	line-height: 1em;
	color: #f4d56f
}

.affiliate_links_page .table_header {
	top: 210rpx;
	height: 88rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start
}

.affiliate_links_page .table_header .th {
	line-height: 24rpx;
	height: 80rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	font-family: "Source Sans Pro"
}

.affiliate_links_page .table_header .th.date {
	width: 10%;
	padding-left: 1.5%
}

.affiliate_links_page .table_header .th.date::after {
	width: 100%;
	margin-right: 8rpx
}

.affiliate_links_page .table_header .th.time {
	width: 10%;
	padding-left: 1.5%
}

.affiliate_links_page .table_header .th.time::after {
	width: 100%;
	margin-right: 20rpx
}

.affiliate_links_page .table_header .th.name {
	width: 17.7%
}

.affiliate_links_page .table_header .th.link {
	width: 26.2%
}

.affiliate_links_page .table_header .th.total_users {
	display: flex;
	justify-content: flex-start;
	width: 13.5%
}

.affiliate_links_page .table_header .th.total_users::after {
	width: 100%;
	margin-right: 40rpx
}

.affiliate_links_page .table_header .th.today_total_profits {
	width: 11.2%
}

.affiliate_links_page .table_header .th.today_total_profits::after {
	width: 100%;
	margin-right: 44rpx
}

.affiliate_links_page .table_header .th.past_total_profits {
	width: 12.7%
}

.affiliate_links_page .table_header .th.past_total_profits::after {
	width: 100%;
	margin-right: 40rpx
}

.affiliate_links_page .table_header .th.action {
	width: 7.2%
}

.affiliate_links_page .campaigns_list {
	height: calc(100vh - 15.4em);
	margin-top: 5em
}

.affiliate_links_page .campaigns_list .campaign_row {
	background-color: #3b260f;
	height: 4.7em;
	position: relative;
	transition: all .4s ease-in;
	overflow: visible;
	margin-bottom: .4em;
	display: flex;
	justify-content: flex-start
}

.affiliate_links_page .campaigns_list .campaign_row .td {
	font-size: 1.5em;
	color: #f4d56f;
	font-weight: 500
}

.affiliate_links_page .campaigns_list .campaign_row .td.time {
	width: 10%;
	text-align: center
}

.affiliate_links_page .campaigns_list .campaign_row .td.name {
	width: 17.7%;
	font-size: 1.2em;
	text-indent: .45em
}

.affiliate_links_page .campaigns_list .campaign_row .td.link {
	width: 26.2%;
	height: 100%;
	font-size: .9em;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	position: relative
}

.affiliate_links_page .campaigns_list .campaign_row .td.link .text {
	padding-left: .6em;
	width: 88%
}

.affiliate_links_page .campaigns_list .campaign_row .td.link .copy_icon {
	position: absolute;
	right: 2em;
	z-index: 5;
	min-width: 1.25em;
	min-height: 1.6em;
	background: rgba(0, 0, 0, 0) url(../../static/images/common/d6c92c06f93e3429fc2e.png) center no-repeat;
	background-size: 100% 100%;
	margin-right: 1em;
	cursor: pointer;
	transition: all .2s
}

.affiliate_links_page .campaigns_list .campaign_row .td.link .copy_icon:hover {
	opacity: .7
}

.affiliate_links_page .campaigns_list .campaign_row .td.total_users {
	text-indent: 2em;
	width: 13.5%;
	overflow: hidden
}

.affiliate_links_page .campaigns_list .campaign_row .td.today_total_profits {
	width: 11.2%;
	color: #87d009
}

.affiliate_links_page .campaigns_list .campaign_row .td.past_total_profits {
	width: 12.7%;
	color: #87d009
}

.affiliate_links_page .campaigns_list .campaign_row .td.action {
	width: 5%
}

.affiliate_links_page .campaigns_list .campaign_row .td.action .expand {
	min-width: .5em;
	min-height: 1em;
	background: rgba(0, 0, 0, 0) url(../../static/images/common/738705b49eb70e2a4c33.svg) center no-repeat;
	background-size: 100% 100%;
	transform: rotate(90deg);
	margin-left: 1em;
	cursor: pointer;
	transition: all .2s
}

.affiliate_links_page .campaigns_list .campaign_row .td.action .expand:hover {
	opacity: .7
}

@keyframes expansion_slide_open {
	0% {
		height: 0
	}

	100% {
		height: 10em
	}
}

.affiliate_links_page .campaigns_list .campaign_row .expansion {
	animation: .4s ease-in 0s 1 expansion_slide_open;
	position: absolute;
	background-color: #261d10;
	height: 10em;
	width: 100%;
	top: 100%;
	left: 0;
	overflow: hidden;
	transition: all .3s;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 2%
}

.affiliate_links_page .campaigns_list .campaign_row .expansion .tier_block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 19em;
	box-sizing: border-box
}

.affiliate_links_page .tier_block .icon {
	width: 200rpx;
}

.affiliate_links_page .campaigns_list .campaign_row .expansion .tier_block .title {
	font-family: "Source Sans Pro";
	font-size: 1.3em;
	font-weight: 500;
	color: #fff;
	line-height: 1.5em;
	opacity: .6
}

.affiliate_links_page .campaigns_list .campaign_row .expansion .tier_block .stats {
	display: flex;
	flex-direction: row;
	justify-content: center
}

.affiliate_links_page .campaigns_list .campaign_row .expansion .tier_block .stats .stat_block {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 0 1em;
	position: relative
}

.affiliate_links_page .campaigns_list .campaign_row .expansion .tier_block .stats .stat_block .people {
	font-size: 2.6em;
	font-weight: 500;
	color: #fff
}

.affiliate_links_page .campaigns_list .campaign_row .expansion .tier_block .stats .stat_block .amount {
	display: flex;
	align-items: center;
	font-size: 1.7em;
	font-weight: 500;
	color: #87d009
}

.affiliate_links_page .campaigns_list .campaign_row .expansion .tier_block .stats .stat_block .text {
	font-family: "Source Sans Pro";
	font-size: 1em;
	font-weight: 500;
	color: #918b85
}

.affiliate_links_page .campaigns_list .campaign_row .expansion .tier_block .stats .stat_block.past::before {
	content: " ";
	display: block;
	height: 70%;
	width: .1em;
	background-color: rgba(255, 255, 255, .2);
	position: absolute;
	top: 1em;
	left: -1.5em
}

.affiliate_links_page .campaigns_list .campaign_row .expansion .delete_btn {
	font-family: "Source Sans Pro";
	font-size: .9em;
	font-weight: 600;
	line-height: .94em;
	color: #918b85;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	margin-top: 3.6em;
	cursor: pointer;
	transition: all .2s
}

.affiliate_links_page .campaigns_list .campaign_row .expansion .delete_btn:hover {
	transform: scale(1.05);
	color: #fff
}

.affiliate_links_page .campaigns_list .campaign_row .expansion .delete_btn::before {
	content: " ";
	display: block;
	width: 1.66em;
	height: 2.11em;
	margin-bottom: .2em;
	background: rgba(0, 0, 0, 0) url(../../static/images/common/e48f928c3da8aa837453.png) center no-repeat;
	background-size: 100% 100%
}

.affiliate_links_page .campaigns_list .campaign_row.expanded {
	margin-bottom: 10.4em
}

.affiliate_links_page .campaigns_list .campaign_row.expanded .td.action .expand {
	transform: rotate(-90deg)
}

.popups_container {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(12, 13, 19, .8);
	z-index: 999
}

.popups_container .popup {
	position: absolute;
	border: solid .1em rgba(244, 213, 111, .47);
	background-color: #18191e;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 40rpx;
	padding: 20rpx 46rpx;
	box-shadow: 0 0 2em 1em #090a0f;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 596rpx
}

.popups_container .popup .close {
	width: 70rpx;
	height: 70rpx;
	border-radius: 50%;
	border: solid 2rpx #f4d56f;
	background-color: #0c0d13;
	transition: all .2s;
	cursor: pointer;
	position: absolute;
	top: -30rpx;
	right: -30rpx;
}

.popups_container .popup .close::after {
	content: " ";
	display: block;
	width: 70rpx;
	height: 70rpx;
	margin: 3rpx;
	background-size: 100% 100%;
	background: rgba(0, 0, 0, 0) url(../../static/images/common/4c1b21232b6eafeab514.svg) center no-repeat;
}

.popups_container .content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center
}

.popups_container .popup .new_campaign_form .new_campaign_form_header {
	width: 86%;
	margin: 16rpx auto 66rpx auto
}

.popups_container .popup .new_campaign_form .input_label {
	opacity: .7;
	font-family: "Source Sans Pro";
	font-size: 30rpx;
	font-weight: 600;
	line-height: 30rpx;
	color: #fff
}

.popups_container .popup .new_campaign_form .input_box {
	position: relative;
	height: 80rpx;
	width: 100%;
	border-radius: 8rpx;
	border: solid 2rpx #f4d56f;
	background-color: #0c0d13;
	margin: 20rpx 0em 30rpx 0em;
	box-sizing: border-box
}

.popups_container .popup .new_campaign_form .input_box input {
	font-size: 30rpx;
	letter-spacing: -0.05em;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	width: 100%;
	height: 100%;
	border-width: 0;
	background: rgba(0, 0, 0, 0);
	border-radius: 10rpx;
	outline: none;
	border: none
}

.popups_container .popup .new_campaign_form .input_box::after {
	width: 3.2em;
	height: 3.2em;
	background-size: 50% 50%;
	display: block;
	content: " ";
	position: absolute;
	top: calc(50% - 1.6em);
	right: 1.1em;
	color: rgba(255, 255, 255, 1);
	outline: none;
	border: none;
	border-radius: 1.6em;
	pointer-events: none
}

.popups_container .popup .new_campaign_form .input_instruct {
	margin-top: 0;
	color: #918b85;
	font-family: "Source Sans Pro";
	font-size: 24rpx;
	font-weight: 500;
	line-height: normal
}

.popups_container .popup .gold_btn {
	margin-top: 50rpx;
	font-family: "Source Sans Pro";
	width: 360rpx;
	font-size: 36rpx;
	height: 70rpx;
	line-height: 70rpx;
	font-weight: bold;
	text-align: center;
	color: #000;
	border: 2rpx solid #a07816;
	border-radius: 10rpx;
	background-image: linear-gradient(to right, #d99e38 0%, #fff585 15%, #ebbc53 27%, #fff28f 73%, #f9e581 74%, #edc964 76%, #e4b54f 78%, #dfa942 80%, #dda53e 81%, #e1ac43 84%, #eebf50 87%, #fbd35e 90%, #f9d15d 93%, #f4ca58 95%, #eabd50 96%, #dcab45 97%, #c99437 97%, #b47926 99%);
	cursor: pointer;
	transition: all .2s;
	margin: 40rpx auto 0 auto;
}

.trade_history_hash_btn:hover {
	opacity: .8
}

.trade_history_hash_btn navigator {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.trade_history_pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 3px 3px rgba(244, 213, 111, .4), 0px -3px 3px rgba(244, 213, 111, .4);
	width: 100%;
	height: 3em;
	position: sticky;
	left: 50%;
	z-index: 5;
	background: #0c0d13
}

.privacy_policy {
	width: 100%
}

.privacy_policy .content_wrap {
	position: absolute;
	top: 23vh;
	overflow-x: scroll;
	overflow-y: hidden;
	border-radius: 0 2em 2em 0
}

.entry_screen_langs {
	display: flex;
	flex-direction: column;
	position: absolute;
	right: 84rpx;
	top: 80rpx;
	z-index: 3;
	width: auto;
	cursor: pointer
}

.entry_screen_langs_indexed {
	z-index: 7
}

.entry_screen_active_lang {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center
}

.entry_screen_active_lang_flag {
	width: 90rpx;
	height: 90rpx
}

.entry_screen_active_lang_flag_ {
	width: 80rpx;
	height: 80rpx
}

.entry_screen_down_arr {
	width: 32rpx;
	height: 18rpx;
	margin-left: 20rpx;
	cursor: pointer
}

.entry_screen_lang_selector {
	display: flex;
	position: absolute;
	z-index: 2;
	background: #17191e;
	border: 2rpx solid #817344;
	border-radius: 10rpx;
	overflow: hidden;
	justify-content: center;
	right: 0;
	top: 120rpx;
	width: 132rpx;
	height: 700rpx
}

.entry_screen_langs_bg {
	height: 100%;
	width: 100%;
	display: none
}

.entry_screen_langs_list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 98%;
	overflow-y: scroll;
	overflow-x: hidden;
	position: absolute;
	z-index: 2;
	top: 14rpx;
	bottom: 14rpx
}




@keyframes flash_white_text {
	0% {
		color: #f4d56f
	}

	50% {
		color: #fff
	}

	100% {
		color: #f4d56f
	}
}



@keyframes center_message_open_phase_mobile {
	0% {
		transform: scale(2);
		color: #fff;
		opacity: 1
	}

	20% {
		transform: scale(2);
		color: #fff;
		opacity: 0
	}

	40% {
		transform: scale(2);
		color: #fff;
		opacity: 1
	}

	60% {
		transform: scale(2);
		color: #fff;
		opacity: 0
	}

	80% {
		transform: scale(2);
		color: #fff;
		opacity: 1
	}

	100% {
		transform: scale(1);
		color: #f4d56f;
		opacity: 1
	}
}


@keyframes blink_fade_out {
	0% {
		opacity: 1
	}

	33% {
		opacity: 0
	}

	100% {
		opacity: .5
	}
}

.trade_page .contents .pool_side .trade_btn_up[disabled] {
	opacity: .5;
	animation: .5s ease-out 0s 1 blink_fade_out;
	cursor: default
}

@keyframes blink_fade_in {
	0% {
		opacity: .5
	}

	33% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.trade_page .contents .pool_side .trade_btn_up.sending {
	animation: blink_in_out .6s infinite
}

.trade_page .contents .pool_side .trade_btn_up .fill {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 84%;
	background-size: 300% 100%;
	background-position: 100% 0;
	border-width: .2em;
	box-shadow: 0 6 rgba(179, 249, 57, 0) inset;
	border-radius: 1em;
	border: solid .25em #b2f939;
	background-color: #92e204
}

.trade_page .contents .pool_side .trade_btn_up .fill image {
	width: 4.8em;
	height: 3.5em
}

.trade_page .contents .pool_side .trade_btn_up:not([disabled]):active .fill {
	background-position: 0 0;
	box-shadow: 0 20vh #b3f939 inset
}

.trade_page .contents .pool_side .trade_btn_up .hold_tooltip {
	font-size: 1.65em;
	color: #fff;
	font-family: "Source Sans Pro";
	font-weight: bold;
	letter-spacing: .12em;
	line-height: 3.2em;
	height: 3.2em;
	width: 148%;
	overflow: hidden;
	text-align: center;
	transition: all .3s;
	opacity: 1;
	position: absolute;
	line-break: auto;
	word-break: break-all;
	top: 0;
	left: -24%;
	right: 0;
	z-index: 2;
	transform: scale(0.65);
	transform-origin: 50% 100%
}

.trade_page .contents .pool_side .trade_btn_up .auto_trade_details {
	right: 0
}

.trade_page .contents .pool_side .trade_btn_down {
	background: #921e1c;
	width: 92%;
	height: 6.9em;
	border-radius: 1em
}

.trade_page .contents .pool_side .trade_btn_down *::selection {
	background-color: rgba(0, 0, 0, 0)
}

.trade_page .contents .pool_side .trade_btn_down * {
	pointer-events: none
}

@keyframes blink_fade_out {
	0% {
		opacity: 1
	}

	33% {
		opacity: 0
	}

	100% {
		opacity: .5
	}
}

.trade_page .contents .pool_side .trade_btn_down[disabled] {
	opacity: .5;
	animation: .5s ease-out 0s 1 blink_fade_out;
	cursor: default
}

@keyframes blink_fade_in {
	0% {
		opacity: .5
	}

	33% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.trade_page .contents .pool_side .trade_btn_down.sending {
	animation: blink_in_out .6s infinite
}

.trade_page .contents .pool_side .trade_btn_down .fill {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 84%;
	background-size: 300% 100%;
	background-position: 100% 0;
	border-width: .2em;
	box-shadow: 0 6 rgba(179, 249, 57, 0) inset;
	border-radius: 1em;
	border: solid .25em #ff6c6c;
	background-color: #ff0400
}

.trade_page .contents .pool_side .trade_btn_down .fill image {
	width: 4.8em;
	height: 3.5em
}

.trade_page .contents .pool_side .trade_btn_down:not([disabled]):active .fill {
	background-position: 0 0;
	box-shadow: 0 20vh rgba(255, 4, 0, .5019607843) inset
}

.trade_page .contents .pool_side .trade_btn_down .hold_tooltip {
	font-size: 1.65em;
	color: #fff;
	font-family: "Source Sans Pro";
	font-weight: bold;
	letter-spacing: .12em;
	line-height: 3.2em;
	height: 3.2em;
	width: 148%;
	overflow: hidden;
	text-align: center;
	transition: all .3s;
	opacity: 1;
	position: absolute;
	line-break: auto;
	word-break: break-all;
	top: 0;
	left: -24%;
	right: 0;
	z-index: 2;
	transform: scale(0.65);
	transform-origin: 50% 100%
}

.trade_page .contents .pool_side .trade_btn_down .auto_trade_details {
	right: 0
}

.trade_page .header .balance_box {
	width: 34em;
	margin-top: -1em
}

.trade_page .header .balance_box .wallet_connect_btn {
	top: 1.1em
}

.trade_page .header .balance_box .social_wallet_connect_btn {
	top: 1.7em;
	right: 3.6em
}

.trade_page .header .balance_box .user-balance-wrap {
	top: 1.3em
}

.trade_page .header .balance_box .user-balance-wrap .balance-title {
	display: none
}

.trade_page .header .balance_box .refresh-balance-button {
	top: 1.8em;
	left: 3.6em
}

.header_rightbtn,
.header_leftbtn {
	display: none
}

.trade_page .header {
	padding: 0 .2em
}

.trade_page .header .right_group {
	padding: 0
}

.trade_page .header .site_logo {
	width: 272rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10rpx
}

.trade_page .header .site_logo image:nth-child(1) {
	display: none !important
}

.trade_page .header .site_logo .mobile_logo {
	display: block;
	width: 62rpx;
	height: 62rpx
}

.trade_page .header .site_logo .mobile_leaderboard {
	display: block;
	width: 64rpx;
	height: 64rpx;
	background-image: url(../../static/images/common/b46bb301800a9201dce9.png);
	background-size: 100% 100%
}

	{
	background-color: #0c0d13;
	background: #000;
	color: #fff;
	font-family: "Barlow Semi Condensed", sans-serif;
	margin: 0;
	padding: 0;
	overflow: hidden
}

.default-web-view,
.table_header.default-web-view,
.faq_bottom_header.default-web-view {
	display: none !important
}

.mobile-view {
	display: block !important
}

.table_header.mobile-view,
.affiliate_page .top_link.mobile-view {
	display: flex !important
}

.page .page_header::before {
	content: " ";
	display: block;
	position: absolute;
	background: linear-gradient(to right, #866314 0%, #E2AB23 62%, #D39E1E 70%, #ab811f 100%);
	top: 0;
	bottom: -40rpx;
	left: 0;
	right: 0;
	z-index: -1
}

.page .page_header .header_center .title {
	display: none
}


.page .page_header .back_btn {
	display: block;
	width: 80rpx;
	height: 64rpx;
	background-size: 80% 70%;
	transition: all .2s;
	border-radius: 24rpx;
	margin-top: 14rpx;
	margin-left: 16rpx;
	position: relative;
	z-index: 999
}

.golden-title {
	color: #f4d56f;
	font-family: Barlow Semi Condensed;
	font-weight: 500;
	line-height: 26rpx;
	font-size: 60rpx;
	text-shadow: 4rpx 4rpx rgba(3, 3, 3, .3);
	margin-top: 30rpx;
	width: 750rpx;
	text-align: center;
	font-style: italic;
}

.golden-title text {
	position: absolute;
	left: 0;
	margin-left: 26rpx;
	margin-top: 8rpx;
	font-size: 46rpx;
}

.golden-titles {
	color: #f4d56f;
	font-family: Barlow Semi Condensed;
	font-weight: 500;
	line-height: 26rpx;
	font-size: 50rpx;
	text-shadow: 4rpx 4rpx rgba(3, 3, 3, .3);
	margin-top: 30rpx;
	width: 750rpx;
	text-align: center;
	font-style: italic;
}

.golden-titles text {
	position: absolute;
	left: 0;
	margin-left: 26rpx;
	margin-top: 8rpx;
	font-size: 46rpx;
}

.leaderboard_page .leaderboard_current_filter {
	top: 8%;
	right: 1em
}

.site_menu {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #0c0d13;
	z-index: 7;
	transition: left .3s;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	overflow: hidden
}

.site_menu.open {
	left: 0
}

.site_menu::before {
	position: absolute;
	content: " ";
	display: block;
	top: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to right, #866314 0%, #E2AB23 62%, #D39E1E 70%, #ab811f 100%);
	background-size: 100% 100%;
	height: 480rpx
}



.site_menu .site_logo {
	width: 272rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	position: absolute;
	top: 16rpx;
	left: 20rpx;
	z-index: 2;
	display: none
}

.site_menu .site_logo image {
	width: 100%;
	height: 100%
}

.site_menu .trade_link {
	display: none
}






.site_menu .links_scroll .cat_title:first-child {
	margin: 0
}


/* .site_menu .close {
		background-size: 100% 100%;
		width: 46rpx;
		height: 46rpx;
		position: absolute;
		top: 20rpx;
		right: 20rpx;
		cursor: pointer;
		opacity: 1;
		transition: opacity .2s;
		z-index: 2
	} */

.site_menu .account_box {
	/* position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		padding-top: 124rpx;
		text-align: center;
		height: 228rpx;
		z-index: 2 */
}

.site_menu .account_box .balance_amount {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 456rpx;
	font-weight: 500;
	color: #f4d56f;
	background-size: 100% 100%;
	position: absolute;
	top: -2rpx;
	height: 84rpx;
	line-height: normal
}

.site_menu .account_box .user-balance-wrap {
	top: 18rpx
}

.site_menu .account_box .user-balance-wrap .amount-wrap {
	font-weight: 600
}

.site_menu .account_box .user-balance-wrap .amount-wrap .amount text {
	font-size: 58rpx
}

.site_menu .account_box .balance_amount .balance-title {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -40rpx;
	color: #fff;
	font-family: "Source Sans Pro";
	opacity: .7;
	font-size: 5rpx;
	font-weight: 400;
	letter-spacing: 1.94rpx;
	margin-top: 40rpx;
	display: none
}

.balance_row {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-top: .4rem;
	font-size: 2.9rem;
	height: 100% !important;
	margin: -0.1rem 0 0 0
}

.balance_row_sign {
	position: relative;
	left: -1.4rem;
	margin-left: -1.7rem;
	top: .2rem
}

.balance_row_sign view {
	width: 2.2rem !important;
	height: 2.1rem !important
}

.site_menu .account_box>,
.site_menu .account_box .change-avatar {
	position: absolute;
	top: 132rpx;
	left: 94rpx;
	width: 74rpx;
	height: 74rpx;
	background-color: rgba(12, 13, 19, .1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .2s
}

.lbnnN {
	width: 2.2em;
	height: auto
}

/* .site_menu .account_box .change-avatar-txt {
		position: absolute;
		top: 74rpx;
		width: 160rpx;
		color: #fff;
		font-family: "Source Sans Pro";
		font-weight: 500;
		font-size: 30rpx
	} */

.site_menu .account_box .language-container {
	right: 92rpx;
	z-index: 10000;
	position: absolute;
	display: flex;
	flex-direction: column;
	top: 132rpx;
	font-family: "Source Sans Pro";
	font-weight: 500;
	align-items: center;
	border-radius: 32rpx;
	transition: all .2s;
	cursor: pointer
}

/* 	.site_menu .account_box .language-container>.chevron-down {
		transform: rotate(90deg);
		position: absolute;
		right: -36rpx;
		top: 26rpx;
		width: 24rpx;
		height: 24rpx
	} */


.site_menu .account_box .language-container>.language-container__lang {
	font-size: 28rpx;
	display: none
}

/* 	.site_menu .account_box .image_bubble {
		position: relative;
		width: 108rpx;
		height: 108rpx;
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		align-items: center
	} */

.z-indexs {
	z-index: -2 !important;
}

.site_menu_popup_wrap {
	background: rgba(0, 0, 0, 0.6);
	height: 100vh;
	width: 100%;
	position: absolute;
	z-index: 9999;
	justify-content: center;
	padding-top: 30%;
	display: flex;
}

.site_menu_popup {
	width: 90%;
	height: 820rpx;
	top: 228rpx;
	right: auto;
	left: 50%;
	/* transform: translateX(-50%); */
	background: #17191e;
	border: 4rpx solid #edce6c;
	border-radius: 20rpx;
	padding: 20rpx 20rpx 20rpx 40rpx;
	box-sizing: border-box;
	padding: 42rpx 26rpx
}

.site_menu_popup_content_box {
	position: static;
	width: 100%;
	height: 100%;
	height: auto;
	grid-gap: 12rpx;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-template-rows: auto;
	align-content: flex-start;
	max-height: 65vh;
	overflow-y: auto
}

.site_menu_popup>image {
	display: none
}

.site_menu_popup_bg {
	width: 90vw;
	height: 69vh;
	display: none
}

.site_menu_popup_content_btn {
	padding: 0;
	height: 120rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: none;
	border: none;
	cursor: pointer;
	width: 100%;
	/* width: auto; */
	flex-direction: column;
	margin-top: 20rpx;
	font-size: inherit
}

.site_menu_popup_content_btn:nth-child(-n+4) {
	margin-top: 0
}

.site_menu_content_flag {
	margin-right: 44rpx;
	width: 90rpx;
	height: auto;
	margin: 0rpx 0rpx 0rpx 0rpx
}

.site_menu_content_lang {
	margin: 1em 0 0 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-family: 'SF UI Display', sans-serif;
	text-align: center;
	width: 100%;
	color: #828282;
	font-weight: 300
}

.site_menu_content_lang text {
	font-size: 52rpx;
	font-family: 'SF UI Display', sans-serif;
}

.entry_screen_lang_selector {
	position: fixed;
	right: auto;
	left: 50%;
	transform: translateX(-50%);
	background: #17191e;
	border: 4rpx solid #edce6c;
	border-radius: 20rpx;
	padding: 20rpx 20rpx 20rpx 40rpx;
	box-sizing: border-box;
	padding: 42rpx 26rpx;
	width: 680rpx;
	height: auto;
	max-height: 60vh;
	max-height: 60dvh;
	top: 180rpx
}

.entry_screen_langs {
	right: 20rpx
}


.entry_screen_langs_list {
	position: static;
	width: 100%;
	height: auto;
	grid-gap: 12rpx;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-template-rows: auto;
	align-content: flex-start;
	max-height: 65vh;
	overflow-y: auto
}

.entry_screen_lang_btn {
	height: 7em;
	max-height: unset;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: none;
	border: none;
	cursor: pointer;
	width: 100%;
	width: auto;
	flex-direction: column;
	margin-top: .5em;
	padding: 0
}

.entry_screen_lang_btn:nth-child(-n+4) {
	margin-top: 0
}

.entry_screen_lang_flag {
	width: 3.5em;
	height: auto;
	margin: 0 auto
}

.entry_screen_lang_desc {
	margin: .5em 0 0 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	width: 100%;
	color: #828282;
	font-weight: 300
}

.entry_screen_lang_desc text {
	font-size: 1.4em
}

.trade_page .entry_screen {
	position: absolute;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	font-size: inherit;
	overflow: hidden;
	padding: 0
}

.entry_screen_active_lang_flag {
	width: 56rpx;
	height: 56rpx
}




.trade_page .entry_screen .center_content .main_text {
	width: auto
}

.trade_page .entry_screen .center_content .center_box {
	border: 0
}

.trade_page .entry_screen .center_content .center_box .info_point_container {
	flex-direction: column;
	width: 11em;
	height: 12em;
	margin: 0 1em
}



.trade_page .entry_screen .center_content .center_box .checkmark_img {
	margin: 1.3em auto 0 auto
}

.trade_page .entry_screen .center_content .center_box .info_point {
	width: auto;
	height: auto;
	margin-top: 0
}

.trade_page .entry_screen .center_content .continue_btn {
	position: absolute;
	bottom: 2.5em;
	left: 5em;
	letter-spacing: 0;
	transition: none;
	background-image: linear-gradient(101deg, #d99e38 -29%, #fff585 -6%, #ebbc53 6%, #edc964 52%, #e4b54f 79%, #dfa942 95%, #dda53e 98%, #e1ac43 101%, #eebf50 107%, #fbd35e 111%, #f9d15d 116%, #f4ca58 119%, #eabd50 120%, #dcab45 122%, #c99437 123%, #b47926 125%);
	border-radius: .8em;
	box-shadow: inset 0 0 0 .2em #f4d56f;
	font-size: inherit;
	line-height: 5.1em;
	width: 31em;
	height: auto
}

.trade_page .entry_screen .center_content .continue_btn .inner_text {
	left: auto;
	font-family: "SF UI Display", "sans-serif"
}

.trade_page .entry_screen .center_content .continue_btn .inner_text text {
	font-size: 2.3em
}

.site_menu_content_lang_dialog {
	color: #828282;
	font-size: 26rpx;
	font-family: 'SF UI Display', sans-serif;
}

.trade_page .entry_screen .center_content .continue_btn image {
	right: 2em;
	left: auto;
	height: auto;
	width: 1.5em;
	top: 50%;
	transform: translateY(-50%)
}

.trade_page .entry_screen .entry-main-flex {
	padding: 0 30rpx;
	overflow-x: hidden;
	overflow-y: auto;
	/* height: 100%; */
	z-index: initial
}


.trade_page .entry_screen .entry-main-flex .socials_btc_battles {
	top: 30%
}

.trade_page .entry_screen .entry-main-flex .socials_trading_battles {
	top: 30%
}

.trade_page .entry_screen .entry-main-flex .btcusdt_partnership {
	position: absolute;
	right: -10rpx;
	top: 32%;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 5
}

.trade_page .entry_screen .entry-main-flex .btcusdt_partnership .first_img {
	margin-top: -10rpx;
	width: 300rpx;
	height: 76rpx
}

.trade_page .entry_screen .entry-main-flex .btcusdt_partnership .second_img {
	margin-top: -50rpx;
	width: 270rpx;
	height: 164rpx
}

.trade_page .entry_screen .entry-main-flex .btcusdt_partnership view {
	font-family: Audiowide;
	font-size: 1em;
	text-transform: uppercase;
	font-style: italic;
	padding: 0;
	margin: 0
}


.trade_page .entry_screen .entry-icons-box {
	flex-direction: row;
	position: static;
	justify-content: space-evenly;
	transform: none
}

.trade_page .entry_screen .entry-icons-box .entry-icon-box {
	align-items: center
}

.trade_page .entry_screen .entry-icons-box .entry-icon-box .entry-icon-image {
	height: 90rpx;
	width: 90rpx
}


.trade_page .entry_screen .white-text-flex {
	margin: 0
}

.trade_page .entry_screen .white-text-flex .bitcoin-image {
	height: 70rpx
}

.trade_page .entry_screen .white-text-flex .up-vs-down text {
	font-size: 80rpx;
	color: #fff;
}



.trade_page .entry_screen .green-text-box {
	order: 5;
	padding: 30rpx 0 30rpx 0;
	color: #66c840;
	font-size: 28rpx;
	;
}

.trade_page .entry_screen .green-text-box text {
	font-size: 28rpx
}

/* .trade_page .entry_screen .play-to-earn-box {
		order: 6;
		padding: 0 0 2em 0
	}

	.trade_page .entry_screen .play-to-earn-box view {
		height: 80rpx;
		font-weight: 700;
		line-height: 80rpx;
		min-width: unset;
		padding: 0 80rpx
	} */

/* .trade_page .entry_screen .play-to-earn-box view text {
		font-size: 40rpx
	} */

.trade_page .tutorial_wrap {
	position: absolute;
	background: #0c0d13;
	z-index: 1000000000;
	flex: 1;
	width: 100vw;
	overflow-y: auto
}

#tutorial_slide_1_mobile,
#tutorial_slide_2_mobile,
#tutorial_slide_3_mobile,
#tutorial_slide_4_mobile,
#tutorial_slide_5_mobile,
#tutorial_slide_6_mobile,
#tutorial_slide_7_mobile,
#tutorial_slide_8_mobile,
#tutorial_slide_9_mobile,
#tutorial_slide_11_mobile {
	position: static;
	width: 100%;
	height: auto;
	padding: 0em 0em 0em 0em;
	box-sizing: border-box;
	display: block
}

.trade_page .tutorial_wrap .content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0;
	font-family: "Source Sans Pro";
	text-align: center;
	line-height: normal;
	transform: none;
	align-items: center;
	flex: 1;
	width: 100%
}

#tutorial_slide_1_mobile .content,
#tutorial_slide_2_mobile .content,
#tutorial_slide_3_mobile .content,
#tutorial_slide_4_mobile .content,
#tutorial_slide_5_mobile .content,
#tutorial_slide_6_mobile .content,
#tutorial_slide_7_mobile .content,
#tutorial_slide_8_mobile .content,
#tutorial_slide_9_mobile .content,
#tutorial_slide_11_mobile .content {
	justify-content: flex-start !important;
	height: 100%
}

.content_wallet_modal_content,
.sounds_popup_wrap .content_mobile {
	transform: none !important;
	justify-content: flex-start;
	height: auto
}

.trade_page .tutorial_wrap .content .title {
	font-weight: 600;
	font-size: 4em;
	line-height: 4.4rem;
	color: #f4d56f;
	text-align: center;
	font-family: "SF UI Display", sans-serif;
	margin-top: 3.5rem
}

.tutorial_slide .content .next_btn_box {
	position: static;
	margin: 0;
	width: auto;
	height: auto;
	line-height: normal;
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	pointer-events: none
}

.tutorial_slide .content .next_btn_box view {
	background-image: linear-gradient(101deg, #d99e38 -29%, #fff585 -6%, #ebbc53 6%, #edc964 52%, #e4b54f 79%, #dfa942 95%, #dda53e 98%, #e1ac43 101%, #eebf50 107%, #fbd35e 111%, #f9d15d 116%, #f4ca58 119%, #eabd50 120%, #dcab45 122%, #c99437 123%, #b47926 125%) !important;
	box-shadow: inset 0 0 0 .2rem #f4d56f;
	color: #000;
	border-radius: .5rem;
	position: static;
	display: block;
	width: 30rem;
	height: 5.5rem;
	margin: 0 0 3rem 0;
	font-size: 2.7rem;
	line-height: 2em;
	font-weight: 600;
	pointer-events: all
}

.tutorial_slide .content .next_btn_box image.next_btn {
	display: none !important
}

#tutorial_slide_1_mobile .content .title {
	margin-bottom: 2.5rem;
	padding: 0
}

#tutorial_slide_1_mobile .content .subtitle {
	color: #f4d56f;
	font-size: 2.6rem;
	font-weight: 500;
	letter-spacing: .022em;
	line-height: 1.2em;
	margin-bottom: 1em
}

#tutorial_slide_1_mobile .content .pool_example {
	width: auto;
	height: 29em;
	margin: 3em 0 7em 0
}

#tutorial_slide_2_mobile {
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	z-index: 10000;
	font-family: "SF UI Display", sans-serif;
	flex: 1 0 auto
}

#tutorial_slide_2_mobile .content .points {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 4em
}

#tutorial_slide_2_mobile .content .points .point {
	font-size: 2.6rem;
	font-weight: 600;
	letter-spacing: .022em;
	color: #f4d56f;
	margin-bottom: .2em
}

#tutorial_slide_2_mobile .content .points .point_desc {
	font-size: 2rem;
	font-weight: 400;
	letter-spacing: .016em;
	color: #ebebeb;
	margin-bottom: 1em
}

#tutorial_slide_2_mobile .content .title {
	margin: 3rem 0 2rem 0
}

#tutorial_slide_3_mobile .content .subtitle {
	font-size: 2.6em;
	color: #f4d56f;
	font-weight: 600;
	line-height: 3rem;
	margin: 2rem 0rem 0rem 0rem
}

#tutorial_slide_3_mobile .content .matic_image {
	width: auto;
	height: 17em;
	margin: 3em 0em 2em 0em
}

#tutorial_slide_3_mobile .content .info {
	font-size: 2.1em;
	font-weight: 500;
	color: #f4d56f
}

#tutorial_slide_4_mobile .content .wallets_title {
	font-size: 2.5em;
	font-weight: normal;
	color: #f4d56f;
	text-align: center;
	margin-bottom: 2rem
}

#tutorial_slide_4_mobile .content .subtitle {
	font-size: 2.8em;
	font-weight: 600;
	color: #f4d56f;
	margin: 1rem 0rem 3rem 0rem;
	line-height: normal
}

#tutorial_slide_4_mobile .content .img_step {
	width: auto;
	height: 15em;
	margin: 0em 0em 0em 0em
}

#tutorial_slide_4_mobile .content .wallets .wallet_img {
	width: auto;
	height: 8.5em
}

#tutorial_slide_5_mobile .content .subtitle {
	font-size: 2.8em;
	font-weight: 600;
	color: #f4d56f;
	margin: 1rem 0rem 3rem 0rem;
	line-height: normal
}

#tutorial_slide_5_mobile .content .img_step {
	width: auto;
	height: 15em;
	margin-bottom: 5.5em
}

#tutorial_slide_5_mobile .content .img_invst {
	width: auto;
	height: 7.5em
}

#tutorial_slide_6_mobile .content .img_dir_up,
#tutorial_slide_6_mobile .content .img_dir_down {
	width: auto;
	height: 7em
}

#tutorial_slide_6_mobile .content .img_dir_up {
	margin: 3em 0em 0em 0em !important
}

#tutorial_slide_6_mobile .content .img_dir_down {
	margin: 0em 0em 3em 0em !important
}

#tutorial_slide_6_mobile .content .img_step {
	width: auto;
	height: 15em;
	margin-top: -2em;
	margin-bottom: 2em
}

#tutorial_slide_6_mobile .content .subtitle {
	font-size: 2.8em;
	font-weight: 600;
	color: #f4d56f;
	line-height: normal
}

#tutorial_slide_6_mobile .content .subtitle.top {
	margin: 1rem 0rem 0rem 0rem
}

#tutorial_slide_6_mobile .content .subtitle.bottom {
	margin: 0rem 0rem 4rem 0rem
}

#tutorial_slide_7_mobile .content .subtitle {
	font-size: 2.8em;
	font-weight: 600;
	color: #f4d56f;
	margin: 1rem 0rem 0rem 0rem;
	line-height: normal
}

#tutorial_slide_7_mobile .content .image_contents {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 83%
}

#tutorial_slide_7_mobile .content .img_step {
	width: auto;
	height: 15em;
	margin: 2rem 0rem 0rem 0rem
}

#tutorial_slide_7_mobile .content .image_contents .metamask,
#tutorial_slide_7_mobile .content .image_contents .coinbase {
	width: auto;
	height: 11em
}

#tutorial_slide_8_mobile .content .subtitle {
	font-size: 2.8em;
	font-weight: 600;
	color: #f4d56f;
	margin: 1rem 0rem 1rem 0rem;
	line-height: normal
}

#tutorial_slide_8_mobile .content .desc {
	font-size: 2em;
	font-weight: 600;
	color: #f4d56f;
	margin-bottom: 1.5rem;
	line-height: normal;
	margin: 0rem 0rem 1rem 0rem
}

#tutorial_slide_8_mobile .content .image_contents {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 37em
}

#tutorial_slide_8_mobile .content .pool_img {
	width: 100%;
	height: auto;
	margin: 0em 0em 0em 0em
}

#tutorial_slide_8_mobile .content .img_step {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 31em;
	width: auto;
	height: 14em
}

#tutorial_slide_8_mobile .content .bottom_desc {
	font-size: 2em;
	font-weight: 600;
	line-height: normal;
	margin: 0rem 0rem 2.5rem 0rem
}

#tutorial_slide_9_mobile .content .keyboard_img {
	width: auto;
	height: 25em;
	margin-top: 3em
}

#tutorial_slide_11_mobile .content .title {
	font-weight: 600;
	font-size: 4em;
	line-height: 4rem;
	color: #f4d56f;
	text-align: center;
	font-family: "SF UI Display", sans-serif;
	margin: 5rem 0 3rem 0
}

#tutorial_slide_11_mobile .content .content_list {
	padding: 0 2em
}

#tutorial_slide_11_mobile .content .list_row {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0;
	margin: .05em 0
}

#tutorial_slide_11_mobile .content .list_row .desc {
	font-size: 1.9em;
	font-weight: normal;
	color: #f4d56f;
	text-align: left
}

#tutorial_slide_11_mobile .content .list_row .terms {
	text-decoration: underline;
	font-weight: bold;
	color: #429fec;
	cursor: pointer
}

#tutorial_slide_11_mobile .content .list_row .checkmark {
	width: 3em;
	height: 3em;
	border: solid .2em #f4d56f !important;
	position: relative;
	overflow: hidden;
	margin-right: 2em;
	cursor: pointer;
	border-radius: .46em
}

#tutorial_slide_11_mobile .content .list_row .checkmark_img {
	width: 110%;
	height: 110%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.tutorial_slide_12_mobile .content {
	transform: none
}

.tutorial_slide_12_mobile .content .dialog_box .desc {
	font-family: "Barlow Semi Condensed", sans-serif;
	font-size: 2.5em;
	line-height: 3rem;
	font-weight: 600;
	font-style: italic;
	text-align: center;
	color: #fff
}

.tutorial_slide_12_mobile .content {
	margin: 0 auto
}

.tutorial_slide_12_mobile .tutorial_slide_12_mobile_close {
	width: 4em;
	height: 4em;
	top: 14em;
	right: 1.2em;
	background: rgba(0, 0, 0, 0) url(../../static/images/common/8878879c62f87a0dc7a1.png) center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	cursor: pointer;
	opacity: 1;
	z-index: 2
}

/* .tutorial_slide_12_mobile .content .dialog_box {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		width: 35em;
		height: 42em;
		background: rgba(0, 0, 0, 0) url(../../static/images/common/8c0f0738b8aabb2d71ae.png) center no-repeat;
		background-size: 100% 100%;
		border-radius: 1em
	} */

.tutorial_slide_12_mobile .content .dialog_box .confirm {
	background-image: linear-gradient(101deg, #d99e38 -29%, #fff585 -6%, #ebbc53 6%, #edc964 52%, #e4b54f 79%, #dfa942 95%, #dda53e 98%, #e1ac43 101%, #eebf50 107%, #fbd35e 111%, #f9d15d 116%, #f4ca58 119%, #eabd50 120%, #dcab45 122%, #c99437 123%, #b47926 125%) !important;
	box-shadow: inset 0 0 0 .2rem #f4d56f;
	color: #000;
	border-radius: .5rem;
	position: static;
	display: block;
	width: 28rem;
	height: 5rem;
	margin: 0 0 3rem 0;
	font-size: 2.5em;
	line-height: 4.9rem;
	font-weight: 600;
	pointer-events: all
}

.tutorial_slide_12_mobile .content .dialog_box .confirm view {
	font-weight: 600;
	text-align: center;
	color: #000;
	margin: 0
}

.tutorial_slide_12_mobile .content .dialog_box .tutorial_slide_12_mobile_header {
	width: auto;
	height: 8.2em;
	margin-top: 4.3em
}

.buttons_mobile {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: auto;
	position: static;
	padding: 1.5rem 0 0 0
}

.buttons_mobile .back_btn,
.buttons_mobile .skip_btn {
	font-size: 2.3rem;
	border-radius: .6rem;
	border: solid .1em rgba(225, 225, 225, .3098039216);
	width: auto;
	height: 3.5rem;
	padding: 0rem 2rem;
	font-weight: 400;
	color: rgba(222, 222, 222, .6588235294);
	line-height: 1.6em
}

.buttons_mobile .back_btn {
	margin-left: 30rpx
}

.buttons_mobile .skip_btn {
	margin-right: 1.5rem;
	border-color: rgba(0, 0, 0, 0) !important
}

.table_page .refresh_blockchain_btn {
	position: absolute;
	top: 88rpx;
	right: 22rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 5;
	width: auto;
	max-width: 176rpx;
	height: 88rpx;
	border-radius: 12.6rpx;
	border: solid 4rpx rgba(244, 213, 111, .7);
	background-color: rgba(12, 13, 19, .1);
	cursor: pointer;
	display: none
}

.table_page .refresh_blockchain_btn view {
	text-align: center;
	color: #f4d56f;
	line-height: 28rpx;
	font-weight: 500;
	font-size: 28rpx
}

.table_page .table_header {
	height: 64rpx;
	opacity: 1;
	border-radius: 40rpx 40rpx 0 0;
	background-color: #0c0d13;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 200rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	z-index: 2;
	background: linear-gradient(to right, #2B2315 0%, #382E19 100%)
}

.trade_history_page .golden-title {
	/* margin: 26rpx 0 0 0 */
}

.trade_history_page .golden-title text {
	font-size: 56rpx
}



.page .page_header .header_center .user-balance-wrap {
	/* top: 18rpx */
}

.page .page_header .header_center .user-balance-wrap .balance-title {
	display: none
}

.page .page_header .header_center .user-balance-wrap .amount-wrap {
	font-weight: 600
}



.trade_history_page image.site-loader {
	position: absolute;
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
	height: auto;
	width: 660rpx
}

.trade_history_page.table_page .table_header {
	position: static
}

.trade_history_page.table_page .no_data_message {
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100% - 264rpx);
	margin: 0;
	padding: 0em 60rpx;
	font-family: "Barlow Semi Condensed";
	font-weight: 300;
	text-align: center;
	font-style: italic;
	box-sizing: border-box
}

.trade_history_page.table_page .no_data_message text {
	font-size: 80rpx
}

.trade_history_list {
	display: flex;
	flex-direction: column;
	height: calc(100% - 344rpx);
	/* width: 100%; */

	margin-top: 0rpx;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	z-index: 2
}

.trade_history_pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 .3em .3em rgba(244, 213, 111, .4), 0 -0.3em .3em rgba(244, 213, 111, .4);
	width: 100%;
	height: 4em;
	position: sticky;
	left: 50%;
	z-index: 5;
	background: #0c0d13
}

.table_page .trade_history_page_btn {
	cursor: pointer;
	width: 60rpx;
	height: 60rpx;
	border-radius: 4rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 40rpx
}

.trade_history_page .table_header>view.th {
	width: 25% !important;
	text-align: center !important;
	text-transform: uppercase;
	justify-content: center;
	align-items: center
}

.trade_history_row {
	height: 4.8em;
	box-sizing: border-box
}

.trade_history_row>view {
	width: 25% !important;
	text-align: center !important
}

.trade_history_row .trade_history_investment .direction {
	margin: .2em .6em 0em 0em;
	width: 1.8em;
	height: auto
}

.trade_history_row .trade_history_investment .investment_amt {
	text-indent: 0
}

.trade_history_row .trade_history_time_and_id {
	font-size: 1.4em;
	text-indent: 0
}

.trade_history_hash_btn {
	width: inherit;
	height: auto;
	display: block;
	border: 0;
	background: rgba(0, 0, 0, 0)
}

.trade_history_hash_btn view {
	font-family: "Barlow Semi Condensed", sans-serif;
	font-size: 1.2em;
	font-weight: 500;
	color: #fff;
	line-height: 1.3rem
}

.trade_history_hash_btn>view.hash_btn {
	height: 3.2em;
	border-radius: .2em;
	border: solid .1em #0aedff;
	background-color: #000;
	cursor: pointer;
	margin: 0 auto
}

.trade_history_row .trade_history_pool {
	font-size: 1.5rem
}

.trade_history_row .trade_history_investment .investment_amt {
	font-size: 1.5rem
}

.page.affiliate_report_page .golden-title {
	line-height: 56rpx;
	margin: 10rpx 0 0 0
}

.page.affiliate_report_page .golden-title text {
	font-size: 48rpx
}

.page.affiliate_report_page {
	height: calc(100% - 6em)
}

.page.affiliate_report_page .page_header {
	height: 260rpx
}

.page.affiliate_report_page.table_page .table_header {
	position: static
}

.affiliate_report_page .earning_record_top_row {
	font-family: "Barlow Semi Condensed", sans-serif;
	font-weight: 400;
	color: #f4d56f;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 0em;
	background: rgba(0, 0, 0, 0);
	width: 100%;
	height: 4.8em;
	box-sizing: border-box;
	padding: .7em 0
}

.affiliate_report_page .earnings_list.table_ {
	height: calc(100% - 16.2em);
	margin-top: 0;
	overflow-y: auto
}

.affiliate_report_page .earning_record_top_row .td {
	text-align: center !important;
	text-indent: 0 !important
}

.affiliate_report_page .earnings_list .earning_record .td {
	font-size: 1.5rem
}

.affiliate_report_page .earnings_list .earning_record .td.paid {
	font-size: 1.8rem
}

.affiliate_report_page .table_header .th {
	text-align: center;
	text-transform: uppercase
}

.affiliate_report_page .earning_record_top_row .time,
.affiliate_report_page .table_header .th.date {
	width: 30% !important;
	text-align: center
}

.affiliate_report_page .earning_record_top_row .paid,
.affiliate_report_page .table_header .th.status,
.affiliate_report_page .earning_record_top_row .td_btn_right,
.affiliate_report_page .table_header .th.hash-details {
	width: 30% !important
}

.affiliate_report_page .earnings_list .earning_record .action,
.affiliate_report_page .table_header .th.action-empty-space {
	width: 10% !important
}

.affiliate_report_page .earnings_list .earning_record .td.status.paid {
	text-transform: uppercase
}

.affiliate_report_page .earnings_list .earning_record {
	background-color: #212936;
	flex-direction: column;
	padding: 0
}

.affiliate_report_page .earnings_list .earning_record .action {
	position: relative;
	height: 100%
}

.affiliate_report_page .earnings_list .earning_record .td_btn_right {
	justify-content: center
}

.affiliate_report_page .earnings_list .earning_record .td_btn_right .btn_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 3.2em;
	border-radius: .2em;
	border: solid .1em #0aedff;
	background-color: #000;
	cursor: pointer;
	max-width: 100%;
	padding: 0 .7em;
	margin: 0 auto;
	text-align: center
}

.affiliate_report_page .earnings_list .earning_record .td_btn_right .btn_wrap .btn {
	color: #fff;
	outline: none;
	font-size: 1.2em;
	font-family: "Barlow Semi Condensed", sans-serif;
	font-weight: 500
}

.affiliate_report_page .expansion_row .tier-row-header .friends-tier-header::after,
.affiliate_report_page .expansion_row .tier-row-header .total-daily-header::after {
	content: "";
	width: .2em;
	height: 9.1em;
	position: absolute;
	background: #3e4447;
	top: 0;
	right: 0
}

.affiliate_report_page .tier-row-content {
	padding: 0
}

.affiliate_report_page .tier-row-header .friends-tier-header,
.affiliate_report_page .tier-row-content .friends-tier-content {
	width: 20%
}

.affiliate_report_page .tier-row-content .friends-tier-content>view,
.affiliate_report_page .tier-row-content .total-daily-content>view {
	padding: .4em 0em
}

.affiliate_report_page .tier-row-header .total-daily-header,
.affiliate_report_page .tier-row-content .total-daily-content,
.affiliate_report_page .tier-row-header .total-amount-header,
.affiliate_report_page .tier-row-content .total-amount-content {
	width: 40%
}

.affiliate_report_page .tier-row-header .total-amount-header,
.affiliate_report_page .tier-row-content .total-amount-content {
	text-align: center
}

.affiliate_report_page .tier-row-content .total-daily-content>view {
	color: #87d009
}

.affiliate_report_page .tier-row-content .total-amount-content {
	display: flex;
	justify-content: center;
	align-items: center
}

.affiliate_report_page .tier-row-content .total-amount-content view {
	color: #87d009
}

.affiliate_report_page .tier-row-content .total-amount-content view text {
	font-size: 2.4em
}

.affiliate_report_page .expand {
	background: rgba(0, 0, 0, 0) url(../../static/images/common/738705b49eb70e2a4c33.svg) center no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	transition: all .2s;
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: auto;
	min-height: auto;
	width: 1.2em;
	height: 1.4em;
	margin: 0;
	transform: translate(-50%, -50%);
	font-size: 1rem
}

.affiliate_report_page .expand_up {
	transform: translate(-50%, -50%) rotate(-90deg)
}

.page.affiliate_links_page .golden-title {
	line-height: 56rpx;
	margin: 10rpx 0 0 0
}

.page.affiliate_links_page .golden-title text {
	font-size: 48rpx
}

.page.affiliate_links_page .no_data_message {
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100% - 13.2em);
	margin: 0;
	padding: 0em 3em;
	font-family: "Barlow Semi Condensed";
	font-weight: 300;
	text-align: center;
	font-style: italic;
	box-sizing: border-box
}

.page.affiliate_links_page .no_data_message text {
	font-size: 4em
}

.page.affiliate_links_page {
	height: calc(100% - 6em)
}

.page.affiliate_links_page .page_header {
	height: 260rpx
}

.page.affiliate_links_page.table_page .table_header {
	top: 266rpx;
	position: static
}

.affiliate_links_page .counter_row {
	position: absolute;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	left: 1em;
	top: 7.5em;
	z-index: 2;
	display: none
}

.linkmanager_content {
	height: calc(100% - 16.2em);
	margin-top: 0;
	overflow-y: auto
}


.affiliate_links_page .table_header>view.th {
	width: 22% !important;
	justify-content: center !important;
	text-align: center !important;
	font-family: "Barlow Semi Condensed", sans-serif;
	text-transform: uppercase
}

.affiliate_links_page .table_header .th.action {
	width: 12% !important
}

.table_page .table_header .th.sortable::after {
	margin-right: 0 !important;
	width: 9rpx !important
}


.page.affiliate_dashboard_page {
	height: calc(100% - 6em);
	overflow-y: auto
}

.affiliate_dashboard_page .golden-title {
	line-height: 56rpx;
	margin: 10rpx 0 0 0
}

.affiliate_dashboard_page .golden-title text {
	font-size: 44rpx
}

.affiliate_dashboard_page .add_link_btn {
	display: none
}


.affiliate_dashboard_page .totals {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	margin-top: -50rpx;
	/* z-index:1000 */
}

.affiliate_dashboard_page .totals .total_block {
	width: 100%;
	border-radius: .8em;
	border: solid .1em rgba(244, 213, 111, .19);
	background-color: #18191e;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 42rpx 1em;
	margin: 0 20rpx;
	box-sizing: border-box;
	/* height: 260rpx; */
	/* height: calc(40vh - 4.2em) */
}

.affiliate_dashboard_page .totals .total_block:last-child {
	margin-left: 0;
	/* height: calc(40vh - 4.2em) */
}

.affiliate_dashboard_page .totals .total_block .icon {
	height: 58rpx;
	width: 58rpx
}

.affiliate_dashboard_page .totals .total_block .amount {
	font-size: 46rpx;
	font-weight: normal;
	align-items: center;
	justify-content: center;
	width: 100%;
	display: flex;
	color: #87d009;
	margin: 8rpx 0;
}

.affiliate_dashboard_page .totals .total_block .amount .icon-matic {

	position: relative;
	padding-left: 30rpx;
	height: 20rpx
}

.affiliate_dashboard_page .totals .total_block .amount .icon-matic:before {
	font-size: 28rpx;
	position: absolute;
	left: 0;
	bottom: -12rpx
}

.affiliate_dashboard_page .totals .total_block .title {
	font-family: "Source Sans Pro";
	font-size: 24rpx;
	font-weight: 600;
	color: #918b85
}



.affiliate_dashboard_page .tiers {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 22rpx 12rpx;
	z-index: 100;
	margin: 0 10rpx;
	margin-bottom: 100rpx;
}

.affiliate_dashboard_page .tiers .tier_block {
	border-radius: .8em;
	border: solid .1em rgba(244, 213, 111, .19);
	background-color: #18191e;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 40rpx 0;
	box-sizing: border-box
}

.affiliate_dashboard_page .tiers .tier_block:not(:last-child) {
	margin-bottom: 1em
}

.affiliate_dashboard_page .tiers .tier_block .title {
	font-family: "Source Sans Pro";
	font-size: 24rpx;
	font-weight: 500;
	color: #fff;
	line-height: 40rpx
}

.affiliate_dashboard_page .tiers .tier_block .stats {
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%
}

.affiliate_dashboard_page .tiers .tier_block .stats .stat_block {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 0em 0em 0em 0em;
	position: relative;
	display: flex;
	width: 50%
}

.affiliate_dashboard_page .tiers .tier_block .stats .stat_block.past::before {
	content: " ";
	display: block;
	height: 70%;
	width: .1em;
	background-color: rgba(255, 255, 255, .2);
	position: absolute;
	top: 1em;
	left: 0
}

.affiliate_dashboard_page .tiers .tier_block .stats .stat_block .people {
	font-size: 1.7em;
	font-weight: 400;
	color: #fff;
	order: 2
}

.affiliate_dashboard_page .tiers .tier_block .stats .stat_block .amount {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-size: 56rpx;
	font-weight: 400;
	color: #87d009;
	order: 1
}

.affiliate_dashboard_page .tiers .tier_block .stats .stat_block .amount .icon-matic {
	padding-left: 20rpx
}

.affiliate_dashboard_page .tiers .tier_block .stats .stat_block .amount .icon-matic:before {
	font-size: 32rpx
}

.affiliate_dashboard_page .tiers .tier_block .stats .stat_block .amount view {
	width: .7em;
	height: 70rpx
}

.affiliate_dashboard_page .tiers .tier_block .stats .stat_block .text {
	font-family: "Source Sans Pro";
	font-size: 20rpx;
	font-weight: 600;

	color: #918b85;
	order: 3
}


.w3a-parent-container #w3a-modal .w3a-modal__header {
	padding-left: 5.5em !important
}

.w3a-parent-container #w3a-modal .w3a-modal__inner.w3a-modal__inner--active {
	width: 70% !important
}

.w3a-parent-container #w3a-modal .w3a-modal__content {
	width: 100%
}

.w3a-parent-container #w3a-modal .w3a-header__title {
	font-size: 2em !important
}

.w3a-parent-container #w3a-modal view.w3a-header__subtitle {
	font-size: 1.5em !important;
	margin: .6em 0
}

.w3a-parent-container #w3a-modal view.w3a-social__policy {
	display: none
}

.w3a-parent-container #w3a-modal button.w3a-external-back {
	display: none !important
}

.w3a-parent-container #w3a-modal .w3a-button {
	height: 4.6em
}

.w3a-parent-container #w3a-modal .w3a-button image {
	width: 2.6em;
	height: 2.6em
}

.ml-2 {
	font-size: 1.4em
}

#page_content {
	overflow: hidden;
	margin: 0rpx;
	padding: 0rpx;
	width: 100%;
}

.trade_page .contents {
	height: calc(100vh - 4.8em);
	height: calc(100dvh - 4.8em)
}

.header_pools_details {
	height: 10em
}

.trade_page .contents .trade_center {
	height: calc(100% - 10em);
	display: flex;
	flex-direction: column
}

.pools_return_wrap {
	position: relative;
	height: 9.5em;
	height: auto;
	z-index: 2;
	padding: 0 1em
}

.pools_return_wrap.pool-players-hidden .trade_bets_mobile {
	display: none
}

.pools_return_wrap .toggle-players {
	font-size: 1em;
	position: absolute;
	bottom: .9em;
	left: 50%;
	transform: translateX(-50%);
	width: 2.8em;
	height: 2.2em;
	border: 0;
	color: #d8d8d8;
	border: .1em solid rgba(190, 190, 190, .5607843137);
	background: #000;
	border-radius: .6em;
	padding: 0;
	font-family: "Barlow Semi Condensed", sans-serif;
	z-index: 3
}

.pools_return_wrap .toggle-players::after {
	position: absolute;
	content: "-";
	font-size: 2.8em;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -55%)
}

.pools_return_wrap.pool-players-hidden .toggle-players::after {
	position: absolute;
	content: "+";
	font-size: 2.8em;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -56%)
}

.trade_btns_mobile {
	height: 7em;
	padding: .5em 1em 0em 1em;
	padding: .5em 1em 1em 1em;
	padding: 0 1em 1em 1em;
	gap: 2em;
	z-index: 2
}

.trade_page .contents .trade_center .market {
	height: calc(100% - 10em - 8em - 5em);
	height: calc(100% - 10em - 9em - 4.4em);
	flex-grow: 1
}

.trade_page .contents .trade_center .market.pools-hidden {
	height: calc(100% - 10em - 9em - 4.4em)
}

.trade_page .contents .trade_center .market .graph_area {
	height: 100%;
	border-radius: 0;
	overflow: unset
}

.trade_bets_mobile {
	overflow: hidden;
	width: 17.4em;
	height: auto;
	min-height: 2.1em;
	max-height: 5em;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: .2em;
	grid-row-gap: .8em;
	padding: .2em 0 1em 0;
	overflow: visible
}

.pools_side.mobile_down .trade_bets_mobile {
	direction: rtl
}

.trade_bets_mobile .trade_taken_bet_mobile_up,
.trade_bets_mobile .trade_taken_bet_mobile_down {
	border-width: .2em !important;
	backface-visibility: visible !important;
	animation: super-flip 1s ease;
	margin: 0;
	height: 2.1em;
	width: 2.1em;
	box-sizing: border-box
}

.pool_top_up,
.pool_top_down {
	width: 17.4em;
	height: 4em;
	padding: 0em
}

.pool_players {
	height: 100%
}

.pool_return_amt_up,
.pool_return_amt_down {
	line-height: 2.1em
}

.pools_side {
	width: 18.6em
}

.pools_side.mobile_up,
.pools_side.mobile_down {
	padding: 0
}

.mobile_up .group_result,
.mobile_down .group_result {
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0;
	background: rgba(0, 0, 0, 0);
	left: 50%;
	transform: translateX(-50%);
	background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 27%, rgba(0, 0, 0, 0.3) 67%, rgba(0, 0, 0, 0) 68%)
}

.mobile_up .group_result text,
.mobile_down .group_result text {
	font-size: 3.5em
}

.mobile_up .group_result .win-trophy,
.mobile_down .group_result .win-trophy {
	position: absolute;
	width: 5em;
	height: 5em;
	bottom: 12.7em;
	background-image: url(../../static/images/common/6388c84cd9b071088842.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

.trade_page .contents .trade_center .market .graph_area .last_results {
	width: 100%;
	width: auto;
	bottom: 0;
	padding: 0;
	box-sizing: border-box;
	left: 13em;
	right: 1.2em
}

.trade_page .contents .trade_center .market .graph_area .last_results .results {
	height: 100%;
	padding: 0;
	justify-content: space-evenly;
	justify-content: space-between
}

.trade_page .contents .trade_center .market .graph_area .last_results .results .result_tile+.result_tile {
	margin: 0
}

.trade_page .contents .trade_center .market .graph_area .last_results .results .result_tile .rates_tooltip {
	bottom: calc(100% + 1em)
}

.trade_page .contents .trade_center .market .graph_area .last_results .results .result_tile:hover .rates_tooltip,
.trade_page .contents .trade_center .market .graph_area .last_results .results .result_tile.fresh .rates_tooltip {
	transform: scale(1.7)
}

.trade_page .contents .trade_center .market .graph_area .last_results .results .result_tile:nth-child(1):hover .rates_tooltip,
.trade_page .contents .trade_center .market .graph_area .last_results .results .result_tile.fresh:nth-child(1) .rates_tooltip {
	right: 0;
	left: auto;
	transform-origin: bottom right
}

.trade_page .contents .trade_center .market .graph_area .last_results .results .result_tile:nth-child(8):hover .rates_tooltip,
.trade_page .contents .trade_center .market .graph_area .last_results .results .result_tile.fresh:nth-child(8) .rates_tooltip {
	left: 0;
	transform-origin: bottom left
}

.trade_page .contents .trade_center .market .graph_area .last_results .results .result_tile:nth-child(1) .rates_tooltip::after {
	left: calc(50% + 1.8em)
}

.trade_page .contents .trade_center .market .graph_area .last_results .results .result_tile:nth-child(8) .rates_tooltip::after {
	left: calc(50% - 2.4em)
}

.trade_page .contents .pool_side {
	width: 18.6em
}

.trade_page .contents .pool_side .trade_btn_up,
.trade_page .contents .pool_side .trade_btn_down {
	width: 100%
}

.trade_page .contents .pool_side .trade_btn_up .hold_tooltip,
.trade_page .contents .pool_side .trade_btn_down .hold_tooltip {
	font-family: "SF UI Display", sans-serif;
	transform-origin: unset;
	width: 100%;
	height: auto;
	top: 50%;
	bottom: auto;
	left: 50%;
	right: auto;
	line-height: normal;
	transform: translate(-50%, -57%);
	font-size: 1.5em;
	padding: 0 1em;
	box-sizing: border-box;
	line-height: 1.3em;
	letter-spacing: 0;
	word-break: unset
}

.leaderboard_page .golden-title {
	margin: 26rpx 0 0 0
}

.leaderboard_page .golden-title text {
	font-size: 62rpx
}

.leaderboard_page.table_page .table_header {
	position: static
}

.leaderboard_page.table_page .table_ {
	margin: 0;
	height: calc(100% - 13.2em)
}

.leaderboard_page .table_header .th.rank {
	width: 10%
}

.leaderboard_page .users_list .user_row .rank {
	width: 10%
}

.leaderboard_page .table_header .th.name {
	width: 15%
}

.leaderboard_page .users_list .user_row .name {
	display: none
}

.leaderboard_page .users_list .user_row .avatar {
	width: 15%;
	justify-content: center
}

.leaderboard_page .table_header .th.trades {
	width: 16%
}

.leaderboard_page .users_list .user_row .trades {
	width: 16%;
	font-weight: 400;
	font-size: 1.5em
}

.leaderboard_page .table_header .th.wins {
	width: 19%
}

.leaderboard_page .users_list .user_row .wins {
	width: 19%;
	font-weight: 400;
	font-size: 1.5em
}

.leaderboard_page .table_header .th.winrate {
	width: 18%
}

.leaderboard_page .users_list .user_row .winrate {
	width: 18%;
	font-weight: 400;
	font-size: 1.5em
}

.leaderboard_page .table_header .th.profits {
	width: 22%
}

.leaderboard_page .users_list .user_row .profits {
	width: 22%;
	font-size: 1.5em
}

.leaderboard_page .users_list .user_row .avatar .image_bubble {
	margin-right: 0
}

.leaderboard_page .users_list .user_row {
	height: 4.8em;
	height: 6em;
	box-sizing: border-box;
	background: #232323
}

.leaderboard_page .users_list .user_row .user navigator.wallet-address {
	font-weight: 400;
	font-size: 1em;
	min-width: unset;
	justify-content: center;
	color: rgba(10, 237, 255, .6);
	opacity: .6
}

.leaderboard_page .users_list .user_row .user .user-flex {
	flex-direction: column;
	margin-top: .5em
}

.leaderboard_page .users_list .user_row .user .image_bubble {
	margin: 0 auto 0 auto
}

.leaderboard_page .table_header .th.user {
	width: 20%
}

.leaderboard_page .users_list .user_row .user {
	width: 20%
}

.w3a-parent-container #w3a-modal {
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	left: 20%;
	top: 1em;
	height: 100%;
	width: 100%;
	overflow: auto;
	padding: 1rem;
	position: fixed;
	right: 0
}

.w3a-parent-container #w3a-modal .w3a-modal__inner.w3a-modal__inner--active {
	width: 85% !important
}

.w3a-parent-container #w3a-modal .w3a-modal__inner {
	border-radius: .8em !important;
	border-width: .1em !important;
	display: flex;
	flex-direction: column;
	min-height: 12em !important;
	max-height: 80% !important;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	width: 100%
}

.w3a-header__logo {
	display: none
}

.w3a-parent-container #w3a-modal .w3a-modal__footer {
	display: none !important
}

.w3a-header__title {
	font-size: 1.15rem !important;
	font-weight: bold !important;
	letter-spacing: -0.016em !important;
	font-family: Arial, Helvetica, sans-serif !important;
	color: #fff !important
}

.w3a-parent-container #w3a-modal .w3a-button--login {
	background: #2a2a2a !important;
	border-radius: 1.15em !important
}

.w3a-parent-container #w3a-modal .w3a-text-field {
	background: #0c0d13 !important;
	border-radius: 1.15em !important;
	border: solid .05em #3e3e3e !important;
	color: #f1cb64 !important
}

.w3a-social__policy {
	font-size: .55rem !important;
	font-weight: bold !important;
	letter-spacing: .012em !important;
	text-align: center !important;
	font-family: Arial, Helvetica, sans-serif !important;
	color: #626262 !important
}

.w3ajs-button-expand-text {
	font-family: Arial, Helvetica, sans-serif !important;
	color: #f1cb64 !important;
	font-size: .6rem !important;
	font-weight: bold !important;
	letter-spacing: .07em
}

.w3a-button {
	color: #626262 !important;
	border-radius: 1.6em !important;
	border: solid .1em #393939 !important;
	background: #050505 !important
}

.w3ajs-external-toggle__button {
	background: #f1cb64 !important;
	color: #626262 !important;
	border-radius: 1.6em !important;
	border: solid .1em #393939 !important;
	color: #030303 !important;
	font-weight: bold !important
}

.w3a-parent-container #w3a-modal {
	padding: 0 !important
}

.ml-2 {
	color: #fff
}

.w3a-parent-container #w3a-modal .w3a-modal__inner {
	border-radius: 1.6em !important;
	background-color: #050505 !important;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.w3a-group__title {
	color: #fff !important;
	font-size: .6rem !important;
	font-weight: bold
}

.w3a-modal__header {
	width: 100%;
	padding-left: 3em
}

.w3a-parent-container #w3a-modal {
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center !important
}

.w3a-header__title {
	font-size: 1.15rem !important;
	font-weight: bold !important;
	letter-spacing: -0.016em !important;
	font-family: Arial, Helvetica, sans-serif !important;
	color: #fff !important
}

.w3a-parent-container #w3a-modal .w3a-button--login {
	background: #2a2a2a !important;
	border-radius: 1.15em !important;
	height: 3.75rem !important
}

.w3a-parent-container #w3a-modal .w3a-text-field {
	background: #0c0d13 !important;
	border-radius: 1.15em !important;
	border: solid .05em #3e3e3e !important;
	color: #f1cb64 !important
}

.w3a-social__policy {
	font-size: .55rem !important;
	font-weight: bold !important;
	letter-spacing: .012em !important;
	text-align: center !important;
	font-family: Arial, Helvetica, sans-serif !important;
	color: #626262 !important
}

.w3ajs-button-expand-text {
	font-family: Arial, Helvetica, sans-serif !important;
	color: #f1cb64 !important;
	font-size: .6rem !important;
	font-weight: bold !important;
	letter-spacing: .07em
}

.w3a-button {
	color: #626262 !important;
	border-radius: 1.6em !important;
	border: solid .1em #393939 !important;
	background: #050505 !important
}

.w3ajs-external-toggle__button {
	background: #f1cb64 !important;
	color: #626262 !important;
	border-radius: 1.6em !important;
	border: solid .1em #393939 !important;
	color: #030303 !important;
	font-weight: bold !important
}

.w3a-parent-container #w3a-modal {
	padding: 0 !important
}

.w3a-group__title {
	color: #fff !important;
	font-size: .6rem !important;
	font-weight: bold
}

.w3a-modal__inner .w3a-modal__inner--active {
	transform: rotate(-90deg)
}

.ml-2 {
	color: #fff
}

.w3ajs-passwordless-form .w3a-button {
	background: #f1cb64 !important;
	border: .1em solid #f1cb64 !important;
	color: #000 !important;
	cursor: pointer
}

.w3ajs-passwordless-form .w3a-button:disabled {
	background: rgba(0, 0, 0, 0) !important;
	color: #f1cb64 !important;
	cursor: pointer
}

.w3a-parent-container #w3a-modal .w3a-modal__inner {
	border-radius: 1.6em !important;
	border: solid .1em #393939 !important;
	border-bottom: 2em solid #f1cb64 !important;
	border-bottom-left-radius: 5.5em !important;
	border-bottom-right-radius: 5.5em !important;
	background-color: #050505 !important;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 60vh !important;
	max-height: 90% !important
}

.w3a-parent-container #w3a-modal .w3a-modal__loader-content {
	display: flex;
	flex-direction: column;
	margin-bottom: 5em;
	position: relative;
	width: 100%;
	text-align: center
}



.w3a-parent-container #w3a-modal .w3a-button {
	border-radius: .4em !important;
	border: solid .1em #5f5f5f !important
}

.w3a-parent-container #w3a-modal .w3a-button[title=Apple] {
	background: url(../../static/images/common/7960233345083d3b63ff.svg) no-repeat center center !important;
	background-size: 60% 60% !important;
	background-color: #2a2a2a !important;
	border: solid .1em #5f5f5f !important
}

.w3a-parent-container #w3a-modal .w3a-button[title=Apple] image {
	display: none
}

/* .w3a-parent-container #w3a-modal .w3a-button[title=Linkedin] {
	background: url(../../static/images/common/919c40ecc51a56db6362.svg) no-repeat center center !important;
	background-size: 60% 60% !important;
	background-color: #2a2a2a !important;
	border: solid .1em #5f5f5f !important
} */

.w3a-parent-container #w3a-modal .w3a-button[title=Linkedin] image {
	display: none
}

/* .w3a-parent-container #w3a-modal .w3a-button[title=Reddit] {
	background: url(../../static/images/common/9cab665b5ed829fdc8ce.svg) no-repeat center center !important;
	background-size: 60% 60% !important;
	background-color: #2a2a2a !important;
	border: solid .1em #5f5f5f !important
}

.w3a-parent-container #w3a-modal .w3a-button[title=Reddit] image {
	display: none
}

.w3a-parent-container #w3a-modal .w3a-button[title=Facebook] {
	background: url(../../static/images/common/0a02e7d15d9bc64121af.svg) no-repeat center center !important;
	background-size: 60% 60% !important;
	background-color: #2a2a2a !important;
	border: solid .1em #5f5f5f !important
}

.w3a-parent-container #w3a-modal .w3a-button[title=Facebook] image {
	display: none
}

.w3a-parent-container #w3a-modal .w3a-button[title=Twitter] {
	background: url(../../static/images/common/75b26d9b11eaad4495a4.svg) no-repeat center center !important;
	background-size: 60% 60% !important;
	background-color: #2a2a2a !important;
	border: solid .1em #5f5f5f !important
}

.w3a-parent-container #w3a-modal .w3a-button[title=Twitter] image {
	display: none
}

.w3a-parent-container #w3a-modal .w3a-button[title=Discord] {
	background: url(../../static/images/common/8989eb3b4dad12242709.svg) no-repeat center center !important;
	background-size: 60% 60% !important;
	background-color: #2a2a2a !important;
	border: solid .1em #5f5f5f !important
}

.w3a-parent-container #w3a-modal .w3a-button[title=Discord] image {
	display: none
}

.w3a-parent-container #w3a-modal .w3a-button[title=Weibo] {
	background: url(../../static/images/common/69f64785aade65e91158.svg) no-repeat center center !important;
	background-size: 60% 60% !important;
	background-color: #2a2a2a !important;
	border: solid .1em #5f5f5f !important
}

.w3a-parent-container #w3a-modal .w3a-button[title=Weibo] image {
	display: none
}

.w3a-parent-container #w3a-modal .w3a-button[title=Twitch] {
	background: url(../../static/images/common/3da68c5227243070bbeb.svg) no-repeat center center !important;
	background-size: 60% 60% !important;
	background-color: #2a2a2a !important;
	border: solid .1em #5f5f5f !important
} */
/*
.w3a-parent-container #w3a-modal .w3a-button[title=Twitch] image {
	display: none
}

.w3a-parent-container #w3a-modal .w3a-button[title=Kakao] {
	background: url(../../static/images/common/cc133bb8d8afa8c450ad.svg) no-repeat center center !important;
	background-size: 60% 60% !important;
	background-color: #2a2a2a !important;
	border: solid .1em #5f5f5f !important
}

.w3a-parent-container #w3a-modal .w3a-button[title=Kakao] image {
	display: none
}

.w3a-parent-container #w3a-modal .w3a-button[title=Line] {
	background: url(../../static/images/common/08aecefb8e7ccd539070.svg) no-repeat center center !important;
	background-size: 60% 60% !important;
	background-color: #2a2a2a !important;
	border: solid .1em #5f5f5f !important
}

.w3a-parent-container #w3a-modal .w3a-button[title=Line] image {
	display: none
}

.w3a-parent-container #w3a-modal .w3a-button[title=Github] {
	background: url(../../static/images/common/9e024223570690fb5ed9.svg) no-repeat center center !important;
	background-size: 60% 60% !important;
	background-color: #2a2a2a !important;
	border: solid .1em #5f5f5f !important
}

.w3a-parent-container #w3a-modal .w3a-button[title=Github] image {
	display: none
}

.w3a-parent-container #w3a-modal .w3a-button[title=Wechat] {
	background: url(../../static/images/common/5a54d868d5dcfc2d7d69.svg) no-repeat center center !important;
	background-size: 60% 60% !important;
	background-color: #2a2a2a !important;
	border: solid .1em #5f5f5f !important
}

.w3a-parent-container #w3a-modal .w3a-button[title=Wechat] image {
	display: none
}

.w3a-parent-container #w3a-modal .w3a-button[title=Google] {
	background: url(../../static/images/common/584a71e21ad9d5ef12b6.svg) no-repeat !important;
	background-position: -3em .8em !important;
	background-size: 60% 60% !important;
	background-color: #2a2a2a !important;
	border: solid .1em #5f5f5f !important;
	font-size: 1.05em;
	content: "dsfdsf"
}

.w3a-parent-container #w3a-modal .w3a-button[title=Google] image {
	display: none
}

.w3a-parent-container #w3a-modal .w3a-button[title=Google] view {
	visibility: hidden;
	position: relative
}

.w3a-parent-container #w3a-modal .w3a-button[title=Google]::after {
	color: #fff;
	text-align: left;
	transform: translateX(-5em);
	content: "Google"
} */

.text-right,
.w3a-header__subtitle,
.w3a-social__policy {
	display: none !important
}

.w3a-wallet-connect__container-desktop {
	display: flex;
	flex-direction: column;
	align-items: center
}

.w3a-wallet-connect__container-desktop view:nth-child(1) {
	font-size: 1.5em;
	width: 70%;
	font-weight: bold;
	letter-spacing: .022em;
	text-align: center;
	color: #fff
}

.w3a-wallet-connect__container-desktop view:nth-child(3) {
	font-size: 1.5em;
	width: 100%;
	font-weight: bold;
	letter-spacing: .022em;
	text-align: center;
	color: #fff
}

.w3a-header {
	text-indent: -9999px;
	line-height: 0;
	font-size: 1.6em;
	padding: 0 !important;
	margin: .2em 0 0 2em !important
}

.w3a-header::after {
	content: "Connect with" !important;
	color: #f4d56f;
	font-size: 1.6em !important;
	font-weight: bold;
	text-align: center;
	font-family: "SF UI Display" sans-serif !important;
	letter-spacing: -0.022em;
	text-indent: 0;
	display: block;
	line-height: initial
}

.w3a-group__title:nth-child(1) {
	text-indent: -9999px;
	line-height: 0;
	font-size: 1.4em !important;
	text-align: center;
	color: rgba(255, 255, 255, .8) !important;
	font-family: "SF UI Display" sans-serif !important;
	letter-spacing: .033em
}

.w3a-group__title:nth-child(1)::after {
	content: "Create a secure social network wallet that you can only access and manage" !important;
	opacity: .8;
	text-indent: 0;
	display: block;
	line-height: initial;
	color: rgba(255, 255, 255, .8) !important;
	font-weight: 300;
	margin-top: .2em
}

.w3a-group__title:nth-child(2) {
	text-indent: -9999px;
	line-height: 0;
	font-size: 1.4em !important;
	text-align: center;
	color: rgba(255, 255, 255, .8) !important;
	font-family: "SF UI Display" sans-serif !important;
	letter-spacing: .033em
}

.w3a-group__title:nth-child(2)::after {
	content: "C2e21e21ecess and manage" !important;
	opacity: .8;
	text-indent: 0;
	display: block;
	line-height: initial;
	color: rgba(255, 255, 255, .8) !important;
	font-weight: 300;
	margin-top: .2em
}

.w3a-modal {
	background-color: rgba(0, 0, 0, .8) !important
}

.w3a-parent-container #w3a-modal .w3a-modal__inner {
	border-radius: 1.6em !important;
	border: solid .1em rgba(93, 93, 93, .72) !important;
	background-color: #050505 !important
}

.w3a-parent-container #w3a-modal button.w3a-header__button {
	position: absolute !important;
	top: .2em !important;
	right: 1em !important;
	transform: scale(1.2);
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #2e2e2e;
	width: 2.4em;
	height: 2.4em;
	border-radius: 50%
}

.w3a-parent-container #w3a-modal .w3a-external-toggle button {
	border: none !important
}

.w3a-parent-container #w3a-modal .w3a-external-toggle view {
	display: none !important
}

.w3ajs-external-toggle__button {
	background: url(../../static/images/common/322a1baf6caae4b5ba13.svg) center bottom no-repeat !important;
	background-size: 70% 70% !important;
	pointer-events: none;
	border: none !important;
	border-color: red !important;
	color: rgba(0, 0, 0, 0) !important;
	content: ""
}

.w3a-parent-container #w3a-modal .w3a-button {
	border: rgba(0, 0, 0, 0) !important
}

.w3a-parent-container #w3a-modal .w3a-modal__inner {
	margin-top: -5em !important;
	height: 60% !important;
	padding: 0 .7em !important
}

.w3a-adapter-list--shrink {
	max-height: 100% !important
}


.selected_pool {
	display: none
}

view#deswap {
	bottom: 0
}

view#deswap_none {
	display: none
}

view#deswap iframe {
	max-width: 100%;
	max-height: 100%
}

#deswap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 71
}

@keyframes bounce-in {
	0% {
		opacity: 0;
		transform: scale(0.3)
	}

	50% {
		opacity: 1;
		transform: scale(1)
	}

	70% {
		transform: scale(0.9)
	}

	100% {
		transform: scale(1)
	}
}

@keyframes blink_fade_in_out {
	0% {
		opacity: 0
	}

	70% {
		opacity: 1
	}

	70% {
		opacity: 0
	}

	80% {
		opacity: 1
	}

	90% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes hithere {
	30% {
		transform: scale(1.45)
	}

	40%,
	60% {
		transform: rotate(-20deg) scale(1.45)
	}

	50% {
		transform: rotate(20deg) scale(1.45)
	}

	70% {
		transform: rotate(0deg) scale(1.45)
	}

	100% {
		transform: scale(1)
	}
}

@keyframes zoom-in-zoom-out {
	0% {
		transform: scale(1, 1)
	}

	50% {
		transform: scale(1.7, 1.7)
	}

	100% {
		transform: scale(1, 1)
	}
}

@keyframes bgTransform {
	0% {
		background-color: #212936;
		border: none
	}

	50% {
		background-color: #3e4d65;
		border: .1em solid #f4d56f
	}

	100% {
		background-color: #212936;
		border: none
	}
}

@keyframes enterFromLeftAndScale {
	0% {
		transform: scale(1.7, 1.7);
		transform: translateX(-1000px)
	}

	25% {
		transform: scale(0.7, 0.7);
		opacity: 1
	}

	50% {
		transform: scale(1.3, 1.3);
		opacity: 1
	}

	75% {
		transform: scale(0.9, 0.9)
	}

	100% {
		transform: scale(1);
		transform: translateX(0)
	}
}

@keyframes enterFromLeft {
	0% {
		opacity: 0;
		transform: translateX(-1000px)
	}

	60% {
		opacity: 1
	}

	100% {
		transform: translateX(0)
	}
}

@keyframes moveToLeft {
	0% {
		transform: translateX(0);
		opacity: 1
	}

	100% {
		transform: translateX(-100%);
		opacity: 0
	}
}

@keyframes comeFromLeft {
	0% {
		transform: translateX(-100%);
		opacity: 0
	}

	100% {
		transform: translateX(0);
		opacity: 1
	}
}
